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>