【问题标题】:How to center my divs with bootstrap如何使用引导程序使我的 div 居中
【发布时间】:2014-06-18 18:49:44
【问题描述】:

我正在尝试使用引导程序使我的 div 居中

html

 <div id="wrapper" class="container-fluid row">
        <div id="left" class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            //stuff
        </div>
        <div id="right" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
            //stuff
        </div>
    </div>

它显示

 ----------------------------
|                            |
||left  | |       right      |
||      | |                  |
||      | |                  |
|
|

我想拥有

 ----------------------------
|
|     |left|  |  right  |
|     |    |  |         | 
|
|

LeftRight div 始终以 wrapper 为中心。

仅使用 bootstrap 类的最佳方法是什么?

【问题讨论】:

  • 链接是旧版本,请参考新版本代码
  • 你可以使用偏移量
  • 被标记为重复的问题没有解决引导程序,因此不是正确答案。
  • 还有&lt;div id="wrapper" class="container-fluid row"&gt;是否正确的问题。 .container.row 应该一起用在一个元素中吗?

标签: html css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

通过使用偏移来喜欢这个

 <div class="container-fluid">
  <div class="row">
    <div class="col-md-offset-4 col-md-4">this div</div>
    <div class="col-md-3">the other div</div>
</div>
</div>

http://www.bootply.com/m4mREVEntv#

【讨论】:

    猜你喜欢
    • 2013-04-07
    • 2014-01-31
    • 2014-08-17
    • 2020-10-26
    • 1970-01-01
    • 2017-01-29
    • 2018-02-04
    • 2021-07-16
    • 2021-05-29
    相关资源
    最近更新 更多