Bootstrap So löschen Sie die Bootstrapspalten das letzte Kind

Question

<div class="row"> 
     <div class="testcontainer red col-xs-6 col-sm-4 col-md-3">box 1</div> 
     <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 2</div> 
     <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 3</div> 
     <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 4</div> 

    </div> 

    <div class="row"> 
     <div class="testcontainer red col-xs-6 col-sm-4 col-md-3">box 5</div> 
     <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 6</div> 
     <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 7</div> 
     <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 8</div> 

    </div> 

Wann wird in der Spalte "Tablet 3" angezeigt, wie das letzte Kind gelöscht wird, um den richtigen Speicherplatz zu entfernen? view for tablet column

Answer 1

alle Spalten Put in einer einzigen Zeile ...

<div class="row"> 
     <div class="testcontainer red col-xs-6 col-sm-4 col-md-3">box 1</div> 
     <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 2</div> 
     <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 3</div> 
     <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 4</div> 
     <div class="testcontainer red col-xs-6 col-sm-4 col-md-3">box 5</div> 
     <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 6</div> 
     <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 7</div> 
     <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 8</div> 
</div> 

ähnliche Frage: How to change number of column in a row on resize - Bootstrap