Написал большой ответ, все стерлось.
Раз используете footer header, то и меню оборачивайте в nav.
Посмотрите, как на других сайтах используются эти элементы. мне кажется, вы не очень красиво их используете.
У вас лишний закрывающий div под футером.
попробуйте container-fluid вместо container.
когда задаете классы колонок, ставьте их в порядке увеличения разрешения (class="col-xs-12 col-sm-2 col-md-4 col-lg-2"), а не от большего к меньшему. Так читать легче.
Классы колонок наследуются бОльшими разрешениями от меньших. Нет смысла писать col-sm-2 col-md-2 col-lg-2, можно написать только col-sm-2. Так чище.
Везде проставьте col-xs-12, где забыли. Особенно в (про оборачивание сказал выше)
Сверьтесь с дефолтными примерами на сайте бутстрепа, возможно, вы забыли включить вьюпорт в свой head.
Сравните исходные шаблоны бутстрепа со своими на айпаде, возможно, там где вы видите косяк так и задумано.
уберите width:100% везде, где он не нужен. Блочные элементы и так по-умолчанию растягиваются на всю ширину, а ваш стиль потмо случайно встретится с классом бутстрепа и вы не будете понимать, почему конфликт на ровном месте.
Уберите div#all, лишняя обертка на самом деле.
Уберите .column-left, .column-right {
padding-bottom: 20000px;
margin-bottom: -20000px;
}
.main-content {
overflow: hidden;
} Это просто какой-то говнокод.
Мог еще чего-нибудь забыть из удаленного, пускай умные люди напишут.