Почему bootstrap показывает криво сайт в iphone?

Question

[unib0nger]

Разбираюсь в верстке с помощью bootstrap, вылезли баги при просмотре в iphone - белый фон показывается не на всю ширину экрана. Что я делаю не так и как это исправить?

Посмотреть можно через сервис www.responsinator.com

Answer 1

[Павел]

Потому что в верстке полная белиберда. Изучите внимательно сетку бутстрапа. откуда у вас там классы span12, если должны быть col-md-12 и т.д. Вот документация getbootstrap.com/css/#grid

Comments

[Павел]

Serj-One: так у этого спана фиксированная ширина и без медиа запросов. Еще и row в row и видел там класс ".col-md-10", именно так, с точкой)

Answer 2

[Владислав Поляков]

Вся проблема в ваших стилях , перепишите их правильно .
И почему при создании гибкого макета ,

.span12

использует фиксированную ширину ? Так же настройте сайт под разные размеры экрана и избавьтесь от фиксированных значений.
Используйте

@media screen and (max-width: 980px) {
   #pagewrap {
      width: 95%;
   }
   #content {
      width: 60%;
      padding: 3% 4%;
   }
   #sidebar {
      width: 30%;
   }
   #sidebar .widget {
      padding: 8% 7%;
      margin-bottom: 10px;
   }
}

Подробнее

Comments

[Павел]

Там не в стилях, а вообще с разметкой беда. Сетка бутстрапа вообще не используется