ブートストラップ2行1列

Question

私はブートストラップで新しく次のものに固執しました： ブートストラップグリッドを使用すると、Bootstrap exampleが必要ですが、いくつかの追加があります： 1）2列カラム1と2を持つカラム 例：image 2）カラム1と2の幅2〜20％ 。おかげさまで

Answer 1

このコードはあなたを助けるかもしれ

<div class="row"> 
     <div class="col-xs-2" style="width: 20%"> 
      <div class="row"> 
       COLUMN 1 
      </div> 
      <div class="row"> 
       COLUMN 2 
      </div> 
     </div> 
     <div class="col-xs-2" style="width: 20%"> 
      COLUMN 3 
     </div> 
     <div class="col-xs-7" style="width: 60%"> 
      COLUMN 3 
     </div> 
    </div> 

ブートストラップグリッドシステムは、あなたがそれに応じて幅を達成できる12列内の行を分割します。正確な20または40％幅のCSSを追加する必要があります。

スタイルattrをクラスに変更し、min-heightを追加し、必要に応じてCSSルールを定義します。