Question

我正在使用Drupal Bootsrap基础主题，我正在构建子主题。基本上该网站是默认的1170像素宽，但同一页面上的内容中间我希望有浏览器全宽内容（最大1400px）。但是，由于drupal Bootsrap主题有一个1170宽的容器，我能以某种方式使它在div中间更宽？

<div class="main-container container">
  <div>normal 1170 wide content</div>
  <div> full browser width content</div>
</div>

所以容器类使得整个div为1170宽。我可以以某种方式使它更广泛的中间？ bootstrap是否有任何类的东西？一直试图通过文档，但没有找到任何与此类情况相关的内容。

Answer 1

正确的方法是从.container元素中删除.main-container类，并使其变为全角，然后第二步将是包装.main-container的子元素.container或.container-fluid。

请注意，这很可能需要调整主题的其余部分以遵循相同的结构。

 <div class="main-container">
      <div class="container">
         <div>normal 1170 wide content</div>
      </div>
      <div class="container-fluid">
         <div> full browser width content</div>
      </div>
 </div>

使用Drupal Bootstrap的全宽内容1170px

1 个答案: