2016-07-27 10 views
0

ブートストラップグリッドシステムを使用して、3つの反応ビュー(モバイル、タブレット、デスクトップ)を持つフォームを作成しようとしています。モバイルビューとタブレットビューが正しく動作していますが、デスクトップビューに問題があります。タブレット用ブートストラップ3でcol-pushとcol-pullを使用したカラムの順序操作

[12] 
[12] 

[4][4] *centered in the middle of the page* 

I:私はそれがあまりにも似て欲しいデスクトップ用

[offset:3][6] 
[offset:3][6] 

携帯用 は私がように並んだ2つのユーザー入力フォームを持っています私はcol-pushとcol-pullを使ってこれを行うことができると信じていますか?ここで

は私のコードです:

<div class="row"> 
    <div class=" col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 "></div> 
    <div class=" col-xs-12 col-sm-6 col-sm-offset-3 col-md-4"></div> 
</div> 

答えて

0

あなたはそうのようなだけで、最初の列、2列目でreset the offset、オフセットする必要があります

HTML

<div class="row"> 
    <div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-2></div> 
    <div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-0"></div> 
</div> 
関連する問題