Зачем нужен row в bootstrap?

Question

[Глеб Жуков]

Что делает класс .row в Bootstrap ? Зачем он нужен ?

Comments

[V Sh.]

В двух словах: затем же, зачем и нужен тег

Answer 1

[Алекс Глебов]

.row {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
}

Компенсирует отступы колонок. Без row будет отступ между краем контейнера и первыми и последними колонками в строке.

Comments

[tommy_13]

отступы это одно. основная задача выровнять строку

Answer 2

[Mikhail Osher]

getbootstrap.com/css/#grid

Comments

[Глеб Жуков]

что такое сетка мне не надо объяснять, для чего нужен .row там не написано, написано - просто оборачивайте свои колонки в .row и всё

[Павел]

Глеб Жуков: я бы еще добавил, что дело не только в отступах, но и в очистке float у колонок. row - это как бы такая строка. т.е. вместо такого кода

<div class="container">
        <div class="row">
            <div class="col-md-4"></div>
            <div class="col-md-4"></div>
            <div class="col-md-4"></div>
            <div class="clerarfix"></div>
            <div class="col-md-4"></div>
            <div class="col-md-4"></div>
            <div class="col-md-4"></div>
        </div>
    </div>

лучше писать так

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

Answer 3

[Александр Веселов]

Он работает как clearfix, очищает поток плавающих, в нашем случае это "col-lg-n"
Где n - размер колонки, в основном юзается только если есть колонки, тобишь
Container>row>col

Answer 4

[Андрей Титов]

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