Was ist der Zweck von .row in Bootstrap?

Gemäß Bootstraps Dokumentation

Zeilen müssen in einem @ steh.container (feste Breite) oder.container-fluid (Gesamtbreite

un

Verwenden Sie Zeilen, um @ zu erstellhorizonta Gruppen von Spalten.

Warum ist das notwendig?

A .row kann nur die maximale Breite von @ beleg.container oder.container-fluid

Gegeben, dass Sie das @ schließen müss.row es scheint länger zu schreiben:

<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>

Als das

<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>

Antworten auf die Frage(4)

Ihre Antwort auf die Frage