将div扩展到bootstraps容器之外

Question

我使用bootstrap在wordpress中设置了以下内容：

<div class="container">
   <div class="row">
      <div id="NEEDS TO BE FULL WIDTH>
      </div>
   </div>
</div>

我希望“需要完全宽度”的背景是完整的浏览器宽度但不确定如何。如果我将其设为100％宽度，则会进行水平滚动。有什么想法吗？

Answer 1

您的html中可以包含多个.container元素。如果您将.container更改为container-fluid，则容器的内容将占用100％

如果您只希望背景为全宽，但希望内容受.container约束（最多约1140像素宽），则将.container与另一个{{1}包围并将<div>放在该元素上。