twitter-bootstrap - 如何打破引导网格

Question

像所有其他关于此的问题一样，bootstrap 将我的广告按钮放在另一个广告按钮和排行榜下方的第二行。它只发生在桌面视图的某些宽度之间。所以我想做的是让左右两边的广告按钮从引导网格中伸出，这样它们就不会与侧边栏或网站的其余部分内联。这是它的链接。

Answer 1

如果我正确理解您的问题，您希望绿色导航栏下方的行比引导网格宽。

这很容易做到。您需要在将更宽​​的行之前关闭引导容器，为此扩展行创建并关闭一个新的 div，然后为页面的其余部分打开一个新的引导容器。所以基本结构是这样的：

<div class="container>
   <header> .... </header>
   <div class="navbar"> .... </div> <!-- close navbar -->
</div><!-- close container -->

<div class="wideRow"> .... </div> <!-- close wideRow -->

<div class="container>
<!-- remainder of page -->
</div> <!-- close container -->

在此处查看实时示例

仅供参考，您的某些 div 也可能存在问题，要么没有关闭，要么没有正确嵌套。如果您验证页面，它会显示一些 div 问题，并且如果我查看您页面的源代码，您正在打开容器 div @ line 90 和 217，但它们似乎没有正确关闭。

无论如何，希望这能为您指明正确的方向:)