Qual é o objetivo do .row no Bootstrap?
De acordo comDocumentação do Bootstrap
As linhas devem ser colocadas dentro de um.container
(largura fixa) ou.container-fluid
(largura completa)
e
Use linhas para criarhorizontal grupos de colunas.
Por que isso é necessário?
A .row
só pode ocupar a largura máxima de qualquer.container
ou.container-fluid
Dado que você precisa fechar o.row
parece mais escrever:
<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>
Do que isso:
<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>