Sollte ich .w-100 oder .row verwenden, um ein tabellenartiges Grid-Design zu erstellen

Question

Ich versuche, eine table Strcuture mit Bootstrap-Grids zu machen, und ich fragte mich, welche der folgenden Struktur ist die beste und korrekt semantisch .

.row { 
 
    border: 1px solid black; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 
 

 
<div class='container'> 
 
    <div class='row'> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    </div> 
 
    <div class='row'> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    </div> 
 
    <div class='row'> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    </div> 
 
    <div class='row'> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    </div> 
 
</div>

oder sollte ich gehen diese Struktur

.w-100 { 
 
    border: 1px solid black; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 
 

 
<div class='container'> 
 
    <div class='row'> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    <div class="w-100"></div> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    <div class="w-100"></div> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    <div class="w-100"></div> 
 
    <div class='col'>A</div> 
 
    <div class='col'>B</div> 
 
    <div class='col'>C</div> 
 
    <div class='col'>D</div> 
 
    <div class='col'>E</div> 
 
    </div> 
 
</div>

ich von meinen beiden Entwürfe zu verstehen, dass die erste sein Stil viel einfacher ist, aber der zweite ist wirklich einfach und schwer zu gestalten, aber ist das alles ab raus?