如何使我的divs与bootstrap中心

Question

我试图用引导程序将我的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  |
|     |    |  |         | 
|
|

Left和Right div始终位于wrapper内。

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

Answer 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#