Bootstrap 4 に移行した後、列が正しく整列しないのはなぜですか?

Bootstrap 3 から 4 への移行における水平方向の配置の問題

Bootstrap 3 から 4 への移行中に、ユーザーは垂直方向の配置の問題に遭遇する可能性があります列用。これを解決するには、Bootstrap 4 で導入されたネストの変更を考慮することが重要です。

以前、Bootstrap 3 では、ネストされた列を同じ列クラス (col-12 など) の列内に配置できました。ただし、Bootstrap 4 では、ネストにはネストのレベルごとに新しい行が必要です。この変更により、中央揃えの問題が解消され、適切な水平揃えが保証されます。

更新されたコードは、修正されたネスト アプローチに従っています。

<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 4 に移行した後、列が正しく整列しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。