ブートストラップレイアウトの分割

Question

私はブートストラップのレイアウト設計が必要です。私は添付ファイルの画像形式のようなレイアウト設計が必要です。私は1つのページを2つの列（ヘッダーとスクロールバーの内容）に分割し、もう1つの列を2つの行に分割して応答する必要があります。私はすべてを試みたが、働いていなかった。 ...ここ

Answer 1

スタート一般にhttps://v4-alpha.getbootstrap.com/getting-started/download/

を助けてください、レイアウトを構築するコンテナ要素で始まります。コンテナは12列のグリッドシステムを定義します。

はここ3列レイアウトの一例である{列の＃} - https://v4-alpha.getbootstrap.com/layout/grid/

...ここではこれについての詳細を読む各列は、命名規則、col- {}ブレークポイントを持つクラスを与えています。最初と最後の.colは3つの列単位にまたがり、中央は6になります。

<div class="container"> 
    <div class="row"> 
    <div class="col-3"> 
     FIRST COLUMN 
    </div> 
    <div class="col-6"> 
     SECOND COLUMN 
    </div> 
    <div class="col-3"> 
     THIRD COLUMN 
    </div> 
    </div> 
</div> 

楽しいコーディングをお楽しみください！