Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737 Форумы портала PHP.SU :: Шаблон расползается при увеличении маштаба
Покинул форум
Сообщений всего: 223
Дата рег-ции: Май 2011
Помог: 1 раз(а)
Пытаюсь сделать html шаблон с использованием bootstrap 3, при большом масштабе все хорошо, но если масштаб уменьшить все очень не красиво смещается. http://dostup[dot]htmlmapgenerator[dot]ru/
DelphinPRO
Отправлено: 18 Июля, 2015 - 15:15:28
Активный участник
Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012
Помог: 353 раз(а)
в бутстрапе используется подход называемый mobile first. Это значит вы сначала верстаете для маленьких экранов, потом медиазапросами под большие.
Сначала уменьшите окно браузера и сверстайте свою шапку так, что бы она нормально смотрелась
Потом пишете правило
@media (min-width: $screen-sm-min) {
// ...
}
И внутри переопределяете стили так, чтобы шапка нормально смотрелать на ширине от $screen-sm-min (по умолчанию - 768)
Далее - @media (min-width: $screen-md-min) {} и @media (min-width: $screen-lg-min) {} (Добавление)
кстати, классы col-lg-* действую только на больших экранах.
Для поменьше нужно писать col-md* и col-sm*
Можно комбинировать
<div class="col-sm-10 col-md-8 col-lg-6">
на маленьком колонка будет занимать 10 колонок
на среднем - восемь
на большом - шесть
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.