Какова цель .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>

Ответы на вопрос(2)

Ваш ответ на вопрос