Как сделать адаптив на Bootstrap?

Question

[EEclipsEE]

Столкнулся с таким вопросом. Есть макет для десктопа и мобилки, и нужно сделать сайт адаптивным на Bootstrap. Интересует сам процесс верстки. Делать просто два макетас классами бустрап (но тогда на промежуточых размерах не очень красиво получается). Все ли надо в % задавать, и как вообще строится адаптивная верстка макета?

Comments

[sergey]

Очень странный вопрос, Bootstrap с коробки адаптивный, просто изучите его правильно и пользуйтесь. Кроме того есть такое понятие при адаптивности как media queries, на основании которых делается вся адаптивка

Answer 1

[Павел]

Все довольно таки легко верстается, изучайте документацию.
Для блоков все довольно легко задается, например
col-md-6 - 50% на десктопах
col-xs-12 - 100% на смартфонах
col-sm-8 - 66.6% на планшетах и т.д.
Соответственно блок для разных устройств будет выглядеть так:

<div class="col-md-12 col-sm-8  col-xs-12">Данные блока</div>

Comments

[Misha Shandra]

то есть если у меня есть (к примеру) 4 колонки в ряд на больших экранах мне нужно отдельно прописывать их же для средних(по колонки в ряд) и для маленьких экранов по 1 в ряд?