Простой вопрос по бутстрапу.

[anastasia1981]

Может вопрос и глупый, но не могу понять.

 

1. Есть классы для колонок для разных устройств: col-xs, col-sm, col-md, col-lg.

Смотрела примеры макетов, там не все эти классы указываются, например

<div class="col-md-8">...<div class="col-lg-8">...<div class="col-xs-12 col-md-8">...

Т.е, не для всех устройств, к примеру мне нужно, чтобы на lg и md было 2 колонки, а на sm и xs - одна,

 могу опустить классы, написав

<div class="col-xs-12 col-md-6">... 

2. Если колонка занимает 12 колонок на всех устройствах ее надо в отдельный row? Или когда колонки располагаются в несколько линий, каждую линию в row?  Я понимаю, что можно всяко, но как правильнее будет по идеологии бутстрапа.

 

3. И еще маленький вопрос, вроде же нужно писать класс от маленького экрана к большому, на сайте бутстрапа так пишут,  вроде 

<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">...

но я видела и примеры, когда все вперемешку пишут , запуталась совсем

 

Просветите пожалуйста.

[klierik]

1. а в чем вопрос?

2. да, в отдельный row. нет, достаточно что бы был один контейнер у колонок -- при узком екране колонки автоматически станут -12

3. последовательность не имеет значения.

[Vicos]

И в одном .row хорошо будут сидеть.

<div class="contaiber">	<div class="row">		<div class="col-xs-12 col-md-6">1 колонка для md, 1 ряд для xs</div>		<div class="col-xs-12 col-md-6">1 колонка для md, 1 ряд для xs</div>	</div></div>

3. И еще маленький вопрос, вроде же нужно писать класс от маленького экрана к большому, на сайте бутстрапа так пишут, вроде

Не важен порядок.

Edited August 19, 2014 by Vicos