Boostrap Responsive теперь дает мне горизонтальную полосу прокрутки в браузере FF, Chrome, Safari - нужно исправить

Question

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

Внезапно у меня появляется горизонтальная полоса прокрутки, чего раньше не было.Может кто-нибудь помочь мне разобраться?

Я также хотел бы выяснить, как сделать тег subnav, который есть на странице (серым), чтобы он растягивался по всей странице, но когда я изменяю размер страницывниз, правая сторона серой полосы над тянется вправо от содержимого страницы.Если я задаю ширину субнава 100%, он не дотягивает до полной ширины страницы (960) на 20 пикселей из-за заполнения, добавленного в исходный код начальной загрузки;тем не менее, я не уверен, как заставить его растягиваться на всю ширину, не мешая также заполнению, которое влияет на другую (верхнюю) навигационную панель.

Я мог бы задать два разных вопроса.Любая помощь с благодарностью!

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>

В частности, именно смещение10 стало причиной появления бара. Если вы смещаете, сумма смещения и интервала должна равняться 12. Кроме того, вы пропустили закрывающий div для первой строки.