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

Question

[Yurik7k]

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

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

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

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

Answer 1

[Дмитрий Кузнецов]

бутстрап накидывает стили для sm девайсов

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

Например в шапке сайта достаточно сделать поменьше шрифт сайта, и уменьшить чуть отступы

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