引导列延伸到容器的外侧 [英] Bootstrap column to extend out side of the container

问题描述

我试图使用引导为一个网站，但我想实现的行col-sm-6列。我想要一个列在普通容器中，另一个具有容器流体效果。

im trying to use bootstrap for a site, but what i am trying to achieve to have to columns within a row col-sm-6. Where i want one column to be in an ordinary container and the other to have container fluid effect.

所以它会正常显示一列，另一列显示为全宽。到目前为止这很难做：

So it would one column as normal and the other column as full width. So far this has been difficult to do:

<div class="container">
  <div class="row">
    <div class="col-sm-6 first">

    </div>
    <div class="col-sm-6 second">

    </div>
  </div>
</div>

http://jsfiddle.net/8fyjtn09/

推荐答案

我想我想出来了，而不是使用一个正常的容器我将不得不使用如前所述的容器流体，但只是一个偏移

i think i figured it out, instead of using a normal container i would have to use container fluid as i said before but just an offset

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-offset-2 col-xs-4 first">

    </div>
    <div class="col-sm-6 second">

    </div>
  </div>
</div>

这篇关于引导列延伸到容器的外侧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！