Bootstrap中的全宽度hr元素3

Question

我是新手靴子，我不知道如何给元素设置一个完整宽度的屏幕？例如我有一个<hr>元素，我希望它的宽度为全屏。

我注意到row需要-15px margin-left和margin-right，我们如何在不影响网站其他行的情况下删除该边距？

的jsfiddle：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>