Bootstrap 3 からアップグレードした後、Bootstrap 4 で列が垂直に整列するのはなぜですか?

Bootstrap 3 から Bootstrap 4: 垂直方向に整列された列

Bootstrap 3 から Bootstrap 4 にアップグレードするとき、一部のユーザーは、列は代わりに垂直に整列されます。

原因:

ブートストラップ 4 では、ネストされた列に新しい行が必要です。行全体にまたがる古い列 12 クラスは必要なくなりました。

解決策:

この問題を解決するには、列 12 クラスを削除します。親からrow.

例:

<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>

この更新された JS Fiddle の違いを参照してください:

https:// jsfiddle.net/aq9Laaew/4792/

を削除することで、 Col-12 クラスでは、列が期待どおりに水平方向に整列するようになりました。

以上がBootstrap 3 からアップグレードした後、Bootstrap 4 で列が垂直に整列するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。