【问题标题】:How to center non stacking columns in twitter Bootstrap?如何在 twitter Bootstrap 中将非堆叠列居中?
【发布时间】:2015-02-16 06:24:37
【问题描述】:

我正在看这篇文章中的演示:https://stackoverflow.com/a/18717422/4147870

有没有办法让列在页面中间居中,而不是像在演示中那样向左对齐?

【问题讨论】:

    标签: twitter-bootstrap


    【解决方案1】:

    这很容易做到。使用container 而不是container-fluid。该示例对container-fluid 进行了覆盖,这实际上使它变得不流畅。如果您删除 CSS,您会看到内容覆盖了空间。

    http://www.bootply.com/f0IoAp4e7J

    <div class="container">
      <div class="row">
        <div class="col-xs-4">.col-4</div>
        <div class="col-xs-4">.col-4</div>
        <div class="col-xs-4">.col-4</div>
      </div>
      <hr>
    </div>
    

    【讨论】:

    • 如果只有两列并且它们的大小不同怎么办?它们再次左对齐bootply.com/qTyXoOD4U7
    • 只要它们等于 12(引导网格),它们就可以正常工作。否则,请使用 bootply.com/MvqVtpb0Jq 之类的偏移值。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-01
    • 2012-04-08
    • 1970-01-01
    • 2012-12-25
    相关资源
    最近更新 更多