HTML /私は基本的に次のようにブートストラップで行わ3列のレイアウトでhtmlページを持っているトップ

Question

に滞在真ん中の1と3列レイアウトを持つCSSのブートストラップ：

<div name="column1" class="col-md-3"> 
    //column content here 
</div> 

<div name="column1" class="col-md-6"> 
    //column content here 
</div> 

<div name="column1" class="col-md-3"> 
    //column content here 
</div> 

これは一例であり、コンテンツ私はその質問に関連するとは思わない。細かい点は、ページのサイズを変更するときに、中央の列をページの上に置き、2つのサイド列をその下に重ねることです。

Answer 1

ブートストラップのクラス使ってそれを行うことができます：あなたはヘルパークラスを利用することができる、唯一それがどのように動作するかを示すために例では

<div class="row"> 
    <div class="col-md-push-3 col-md-6 col-xs-12"> 
    //column Center here 
    </div> 

    <div class="col-md-pull-6 col-md-3 col-xs-6"> 
    //column left here 
    </div> 

    <div class="col-md-3 col-xs-6"> 
    //column right here 
    </div> 
</div> 

JSFiddle

クラスcolをマークアップ