Какова цель .row в Bootstrap?
В соответствии сДокументация Bootstrap
Строки должны быть размещены в пределах.container
(фиксированная ширина) или.container-fluid
(полная ширина)
а также
Используйте строки для созданиягоризонтальный группы столбцов.
Почему это необходимо?
A .row
может занимать только максимальную ширину.container
или же.container-fluid
Учитывая, что вы должны закрыть.row
кажется, больше писать
<div class="container">
<div class="row">
<div class="col-md-6">
<h1>Column A</h1>
</div>
<div class="col-md-6">
<h1>Column B</h1>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h1>Column C</h1>
</div>
<div class="col-md-6">
<h1>Column D</h1>
</div>
</div>
</div>
Чем это:
<div class="container">
<div class="col-md-6">
<h1>Column A</h1>
</div>
<div class="col-md-6">
<h1>Column B</h1>
</div>
</div>
<div class="container">
<div class="col-md-6">
<h1>Column C</h1>
</div>
<div class="col-md-6">
<h1>Column D</h1>
</div>
</div>