DIV之間的差距很小

Question

如何縮小DIV B與DIV C1 & DIV C2之間的距離？

我讀到.row是在container內使用的。 由於container具有填充以調整.row的負邊距。 但是，盡管我沒有使用.row但是DIV B與DIV C1 & DIV C2之間仍有余量。

 .fff { background-color: #088da5; } .ggg { background-color: #fbe9fa; } .iii { background-color: #8b7d6b; } .jjj { background-color: #9e0b0f; } 

 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" /> <div class="row"> <div class="col-xs-2 col-sm-3 col-md-2 fff">DIV A</div> <div class="col-xs-8 col-sm-6 col-md-8 ggg">DIV B</div> <div class="col-xs-2 col-sm-3 col-md-2"> <div class="jjj">DIV C1</div> <div class="iii">DIV C2</div> </div> </div> 

小提琴的例子

Answer 1

引導程序列之間有間隙，以分隔元素。 您可以使用.row類你的cols內，以避免這一差距，像這樣 。

 .fff { background-color: #088da5; } .ggg { background-color: #fbe9fa; } .iii { background-color: #8b7d6b; } .jjj { background-color: #9e0b0f; } 

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/> <div class="row"> <div class="col-xs-2 col-sm-3 col-md-2 fff">DIV A</div> <div class="col-xs-8 col-sm-6 col-md-8 ggg">DIV B</div> <div class="col-xs-2 col-sm-3 col-md-2"> <div class="row"> <div class="jjj">DIV C1</div> <div class="iii">DIV C2</div> </div> </div> </div>