Bootstrap 3中的全宽度hr单元

Question

我刚开始引导，我想知道我们如何才能给一个元素一个完整的屏幕宽度？例如，我有一个<hr>元素，我希望它的宽度为全屏。

我注意到row正在采取-15 we margin-left和margin-right，我们如何在不影响网站中的其他行的情况下删除这个边距？

http://jsfiddle.net/shadeed9/pwvg6o7n/ (查看更好的视图请参见全屏)

HTML：

<div class="row">
        <div class="content">
            <div class="container">
                <h1>Welcome to my website!</h1>
            </div>
            <div class="container-fluid">
                <hr>
            </div>
        </div>
</div>

谢谢!

Answer 1

你只需要把它从容器里放出来。

<div class="container">
  <div class="row">
    <!-- STUFF -->
  </div>
</div>
<hr> <!----- here -->
<div class="container">
  <div class="row">
    <!-- STUFF -->
  </div>
</div>