使用助力柵格左右邊距的中心div

我想創建一個寬度小於容器col-lg-12的div。此代碼有效，但我有兩個空div只創建邊距。有更好的方法來使用引導網格來做到這一點？使用助力柵格左右邊距的中心div

<div class="col-lg-12"> 
    <div class="col-lg-2"></div> 
    <div class="col-lg-8"> 
     <form role="form-horizontal" method="post"> 
      ... 
     </form> 
    </div> 
    <div class="col-lg-2"></div> 
</div>

來源

2015-10-15 user2990084

若要在大屏幕的情況下使用col-lg-offset-2，以及您想要在較小的屏幕上使用col-lg-offset-2，抵消只是移動到右邊的div 2欄 – GmloMalo

@PraveenKumar這是公平的。 – user2990084

謝謝@ user2990084！ '：）' –

只需使用offset類，也已忘記了嵌套網格之前給人一種.row類：

<div class="row"> 
    <div class="col-lg-12"> 
    <div class="row"> 
     <div class="col-lg-offset-2 col-lg-8"> 
     <form role="form-horizontal" method="post"> 
     ... 
     </form> 
     </div> 
    </div> 
    </div> 
</div>

確保你給類所有媒體。像這樣：

<div class="row"> 
    <div class="col-lg-12 col-md-12 col-sm-12"> 
    <div class="row"> 
     <div class="col-lg-offset-2 col-md-8 col-md-offset-2 col-lg-8 col-sm-offset-2 col-sm-8">

來源

2015-10-15 23:59:56

-1

您可以使用Bootstrap提供的offset classes。

<div class="row"> 
    <div class="col-lg-8 col-lg-offset-2"> 
    <form role="form-horizontal" method="post"> 
     ... 
    </form> 
    </div> 
</div>

來源

2015-10-15 23:36:51 makshh

首先，答案是錯誤的。其次，它是我的副本。 –

那麼爲什麼你在同一個類中包含col-lg-12類呢？ – makshh

我不明白！你能澄清嗎？ –

使用助力柵格左右邊距的中心div

回答

相關問題