中心在twitter引导中对齐列

这个问题在这里已经有了答案:

  • 使用Twitter Bootstrap 3 28答案居中列

  • 这里的问题正确地回答了使用Twitter Bootstrap 3的一个专栏

    对于奇数行:即col-md-7或col-large-9使用此行

    将col-centered添加到要居中的列。

    <div class="col-lg-11 col-centered">    
    

    并将其添加到您的样式表中:

    .col-centered{
    float: none;
    margin: 0 auto;
    }
    

    对于偶数行:即,col-md-6或col-large-10使用此行

    只需使用引导程序3的偏移col类即可。 即

    <div class="col-lg-10 col-lg-offset-1">
    

    使用bootstrap 3来实现你想要的最好的方式是......用偏移列 。 请参阅这些示例以获取更多详细信息
    http://getbootstrap.com/css/#grid-offsetting

    总之,没有看到你的div这里有一个例子可以帮助,而不使用任何自定义类。 只要注意如何使用“ col-6 ”以及如何使用“ col-6 ”的一半是3 ...因此使用了“ 偏移-3 ”。 同样的分割将允许你要的中心间距:

    <div class="container">
    <div class="col-sm-6 col-sm-offset-3">
    your centered, floating column
    </div></div>
    

    如果你不能放1列,你可以简单地把2列放在中间......(我只是合并答案)对于Bootstrap 3

    <div class="row">
       <div class="col-lg-5 ">5 columns left</div>
       <div class="col-lg-2 col-centered">2 column middle</div>
       <div class="col-lg-5">5 columns right</div>
    </div>
    

    即使你可以通过将文字添加到样式来将文本居中列:

    .col-centered{
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
    

    另外,这里还有另一个解决方案

    链接地址: http://www.djcxy.com/p/75889.html

    上一篇: Center align a column in twitter bootstrap

    下一篇: Centering a smaller div inside a larger div