Bootstrap の 4 列が水平ではなく垂直に配置されるのはなぜですか?

ブートストラップ 4 の列の配置の不一致

ブートストラップ 3 から 4 への移行で、列が垂直方向ではなく垂直方向に配置されていることに気づきました。水平方向に。これは、Bootstrap 4 でのグリッド システムの変更に起因すると考えられます。

Col-12 Issue

Bootstrap 3 では、次を使用して親行内で列をラップできました。クラス「col-12」。これは、Bootstrap 4 では無効になりました。ネストの各レベルには独自の行があるため、親行から「col-12」クラスを削除します。

<div class="row">
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
</div>

これにより、列が水平に整列します。そして期待される動作を維持します。 Bootstrap でのネストの詳細については、公式ドキュメントを参照してください: https://getbootstrap.com/docs/4.0/layout/grid/#nesting

以上がBootstrap の 4 列が水平ではなく垂直に配置されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。