Можно ли так делать в Bootstrap?

Question

[Eastar]

Можно ли так делать? Сетка 12 колоночная.

<div class="row">
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
</div>

Или обязательно только так?

<div class="row">
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
</div>
<div class="row">
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
</div>

Answer 1

[Serj-One]

Если блоки одинаковой высоты, смысла в дополнительно обёртке нет. Если высота разная, сетка на флоатах поплывёт, так что придётся обернуть.

Comments

[Eastar]

Спасибо, вы сразу ответили на 2 моих вопроса!

[Sn0wSky]

Можно выпендриться с :nth-child(3n){clear: both;}

[Eastar]

Sn0wSky: Видите ли, я подставляю col-md-n, где n = 2,3,4,6 в зависимости от конфига. А так ваш вариант рабочий, возьму на заметку.

[Eastar]

Вариант номер еще, из документации:

<div class="row">
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
            <div class="clearfix visible-md"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
</div>

[Александр Толерант]

Eastar: .clearfix так же в комплекте с бутстрапом, делает тоже самое.

Answer 2

[Иван К]

не просто можно, но и нужно, в некоторых ситуациях. Правда, смысла особого не вижу - что так, что так - одинаков результат будет.