Twitter bootstrap 2行全宽

Question

我正在尝试在Twitter Bootstrap 2.3.0中写一个row，它是全宽的，没有右/左边框/边距，我试过了：

（该样式不是css文件中的类）

<div class="row" style="background:#5498CC; height:150px; margin: -40px 0px 0px 0px;">
    <div class="span12">

    </div>
</div>

我也试过这个（取自StackOverflow中的一个问题）：

<div style="margin: 0 auto;  width: 100%;">
    <div class="row" style="background:#5498CC; height:150px;">
        <div class="span12">

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

第二种效果更好，但仍然不正确，如下所示：

左右两侧仍有边框。关键是我正在创建的div已经在另一个container div

中

有任何帮助来解决这个问题吗？

Answer 1

您应该尝试将div移到.container

之外

Answer 2

这对我有用（使用Chromium）http://bootply.com/102654

我使用'row-fluid'类而不是'row'。

<div class="row-fluid">
    <div class="span12 blue">
       content  -  content  -  content 
    </div>
</div>