2017-03-01 2 views
-2

私は何かをしようとしていますブートストラップの「自動グリッドアラインメント」を避けるには?

______空きスペース__________________ | -----最初の列(右揃え)----- |

| --logo-- | ____空きスペース_____________ |(右揃え)----第二カラム---- |

が、このように私の最初の列で左の空の空間にその自動整列、

| --logo-- || -------二コル--------- --- || ------------最初の列---------- |

理由であると、これをどのように修正するには?

+1

私はこのドキュメントを読むことをお勧めします。右 – Hewlett

+0

よりよい:ブートストラップを使用するttempt今までそれを読んでください。それは私の疑問をすべて解決しました。@ヒューレット –

+0

は、Iくぼみをあなたに感謝し、マルチスクリーンに破裂しません/プル左を使用してコンテンツを揃えるためにhttps://v4-alpha.getbootstrap.com/layout/grid/#how-it-works –

答えて

0

オフセットを使用します。ドキュメントから 例を見てください: http://getbootstrap.com/css/#grid-offsetting

<div class="row"> 
    <div class="col-md-offset-6 col-md-6">first column right</div> 
</div> 

<div class="row"> 
    <div class="col-md-2">Logo</div> 
    <div class="col-md-5 col-md-offset-5">second column</div> 
</div> 

..

0

使用.col-*-offset-*クラスは、これはブートストラップのグリッドシステムに基づいて、右にあなたのdivをプッシュします、例:

<div class="col-md-offset-3"></div> 

これはdiv 3の列を右にプッシュします

関連する問題