ブートストラップの列と行

Question

私はブートストラップの列を最大12個使用しています.1つの行に2つの異なるdivが必要です.1つは12列、もう1つは4つです.4つの列のうちの1つを表示する必要があります両方のdivを意味するのは同じ行になります。どうすればいいですか？ありがとう。

Answer 1

まず最初に、メインコンテナを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> 

Answer 2

あなたは、下記の手順に従うことによってそれを行うことができます。

1. ゴーページCustomize Bootstrapにします。
2. から16に変数@grid-columnsの値を増やします。
3. 変更されたCSSをコンパイルしてダウンロードします。

そして、次に示すように、12個ではなく16個の列を使用することができます。

<div class="row"> 
    <div class="col-xs-12"></div> 
    <div class="col-xs-4"></div> 
</div>