Twitter Bootstrap Отзывчивая проблема?

Question

Я использую структуру Bootstrap Twitter для гибкой манеры.

Вершина сайта охватывает всю ширину любого экрана, но когда я спускаюсь в контент, в правой части экрана есть 20 пикселей. Это только кажется, что произойдет, когда экран достаточно мал, чтобы тянуть в части CSS, который адресует:

@media (max-width: 767px){} 

Вы можете видеть снимок экрана здесь:

http://monosnap.com/image/dQ4OD0O8fW7gcbVvXVfTKLbUa

И мой тестовый код находится здесь: http://demo.omnigon.com/christian_bovine/show-sxsw/

Как я уже сказал, на большом экране его прекрасный, только на меньшем экране и его только средний контент. Я много раз смотрел, и я не вижу своей проблемы?

Answer 1

Вам необходимо удалить отрицательные поля на селекторе #footer css. Эта декларация существенно заставляет ваш нижний колонтитул быть больше, чем его родительский контейнер.

Обычно вы используете этот метод только в том случае, если родительский контейнер имеет отступы, и вы хотите отменить заполнение родительских объектов, применяя отрицательный запас к дочернему элементу.