私はブートストラップの列を最大12個使用しています.1つの行に2つの異なるdivが必要です.1つは12列、もう1つは4つです.4つの列のうちの1つを表示する必要があります両方のdivを意味するのは同じ行になります。どうすればいいですか?ありがとう。ブートストラップの列と行
-3
A
答えて
2
まず最初に、メインコンテナを2つの列、たとえば50/50に分割し、内部に次の列を配置することができます。
<div class="container">
<div class="col-md-6>
<div class="col-md-3></div>
<div class="col-md-3></div>
<div class="col-md-3></div>
<div class="col-md-3></div>
</div>
<div class="col-md-6>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
<div class="col-md-1></div>
</div>
</div>
+0
行はどこに行きましたか? – Brainfeeder
0
あなたは、下記の手順に従うことによってそれを行うことができます。
- ゴーページCustomize Bootstrapにします。
- から
16
に変数@grid-columns
の値を増やします。 - 変更されたCSSをコンパイルしてダウンロードします。
そして、次に示すように、12個ではなく16個の列を使用することができます。
<div class="row">
<div class="col-xs-12"></div>
<div class="col-xs-4"></div>
</div>
関連する問題
- 1. ブートストラップ・ディビジョンの行と列の境界
- 2. ボタンクリック時の行と列の追加ブートストラップ
- 3. ブートストラップ - 重複する列と行
- 4. 行と列が動作しないブートストラップ
- 5. ネストされたブートストラップ行と列
- 6. ブートストラップ/基礎スタック行/列
- 7. このレイアウトのブートストラップ行/列のベストプラクティス
- 8. ブートストラップ表とストライプ行
- 9. ブートストラップ行の整列の問題
- 10. ブートストラップの行を整列する方法
- 11. ブートストラップjsonテーブルの特定の行と列を表示
- 12. divstと行をブートストラップと整列する方法
- 13. ブートストラップの行と列に反応します
- 14. ブートストラップの行と列を使用するエディタhtml
- 15. ブートストラップのコンテナと行とスパンの違い
- 16. ブートストラップの列
- 17. ブートストラップの行レイアウト
- 18. ブートストラップのアイコン行
- 19. ブートストラップ/レールに行と列を動的に作成する
- 20. ブートストラップ - 2行で2行目のナビゲーションバーは2列だけです
- 21. ブートストラップのコンテナと行の間のdiv
- 22. ブートストラップでの列の整列
- 23. ブートストラップ - ドロップダウンメニューのアイコンとテキストの整列
- 24. ブートストラップ3列のオーダー
- 25. ブートストラップ行 - 3
- 26. ブートストラップ行パディング
- 27. ブートストラップ行消滅
- 28. 行ブートストラップ応答
- 29. ブートストラップ3とブートストラップ4のフォントレンダリング
- 30. 列を埋めるための行の高さ - ブートストラップのレイアウト
ご迷惑をおかけして申し訳ありませんが、これはまったく問題を説明するものではありません。何を実際に試しましたか? –
具体的な問題を明確にしたり、詳細を追加して必要なものを正確に強調してください。現在書かれているとおり、あなたが求めていることを正確に伝えるのは難しいです。 –
それは残念です。私はいくつかのオプションを試してみたいと思います。 – user2983401