「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > Bootstrap の 4 列が水平ではなく垂直に配置されるのはなぜですか?

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

2024 年 11 月 16 日に公開
ブラウズ:196

Why Are My Bootstrap 4 Columns Vertically Aligned Instead of Horizontally?

Bootstrap 4 の列の配置の不一致

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

Col-12 Issue

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

TEST

TEST

TEST

TEST

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

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3