Bootstrap如何清除引導欄最後一個子女

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> 

何時在平板電腦3欄中顯示如何清除最後一個孩子以刪除正確的空間？ view for tablet column

Answer 1

把所有的單排列...

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

類似的問題：How to change number of column in a row on resize - Bootstrap