@Yurik7k

Как делать правильную адаптивную верстку с помощью bootstrap?

Недавно стал задаваться вопросом, как правильно верстать на бутстрапе и использовать минимум css media query. Например стандартная ситуация:

Дизайнер отдал исходники с фотошопа, в этих исходниках размечена бутстрап сетка под MD девайсы.
По этой сетке и размерам я все это дело заверстал все подогнал под макет дизайна. Все отлично.

Теперь делаем ширину экрана 1199px, бутстрап накидывает стили для sm девайсов.
Теперь надо как то привести в божий вид сайта от ширины экрана от 1199 до 992 пикселей.

Например в шапке сайта достаточно сделать поменьше шрифт сайта, и уменьшить чуть отступы, обычно я бы стал писать свои медиа запросы и переопределять требуемые стили, а хочется сделать так чтобы все работало пропорционально и минимизировать эти запросы либо вообще от них отказаться.
  • Вопрос задан
  • 300 просмотров
Пригласить эксперта
Ответы на вопрос 1
dima9595
@dima9595
Junior PHP
бутстрап накидывает стили для sm девайсов

А кто запрещает добавлять стили самому? .col-md-10, .col-lg-10 и т .п.
Например в шапке сайта достаточно сделать поменьше шрифт сайта, и уменьшить чуть отступы

Если я не ошибаюсь, то в Bootstrap'e есть и такое. Посмотрите. В ином случае придётся писать всё ручками.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы