使用助力栅格左右边距的中心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

回答

相关问题