browser - Bootstrap Responsive 现在在 OFF、Chrome、Safari 浏览器上给我一个水平滚动条 - 需要修复它

Question

http://colelatimer.com/archive/dl/docs/results-alt.html

突然，我现在出现了一个水平滚动条，以前没有。谁能帮我解答一下吗？

我还想弄清楚如何使页面上的子导航标签(灰色)延伸到整个页面，但是当我向下调整页面大小时，灰色条的右侧会延伸在页面内容的右侧。如果我给子导航 100% 宽度，由于原始 Bootstrap 代码中添加了填充，它会比整个页面宽度 (960) 少 20 个像素；但是，我不确定如何让它拉伸(stretch)整个宽度，而又不会弄乱影响其他(顶部)导航栏的填充。

我可能会提交两个不同的问题。非常感谢任何帮助!

Answer 1

页脚中的代码已损坏并导致出现水平条。

应该是这样的 -

<div class="blue-footer">
  <div class="row">
    <div class="span6">
      <a href="http://www.tufts.edu" title="Tufts.edu" target="_new">
      <img src="../docs/assets/img/tuftsuniversity.png" alt="Go to tufts.edu" width="173" height="61" border="0"></a>
    </div>
  </div>
  <div class="row">
     <div class="span2 offset10"><span style="color:#ffffff;line-height:150%;">&copy; 2012 Tufts University</span>
  </div>
</div>

具体来说，是 offset10 导致了条形图。如果您进行偏移，则偏移量和跨度的总和应等于 12。此外，您还缺少第一行的结束 div。