如何以等距離彼此放置塊？

Question

我使用稱爲jumbotron的引導程序塊，我無法讓我的塊適合行，因爲這些塊有自己的填充。我需要一行三個。當我嘗試將它們與col-xs-3對齊時，它們看起來不成比例。如何做？提前致謝。

Jsfiddle

HTML

<div class="container"> 
    <ul class="events"> 
    <div class="row"> 

     <li class="col-xs-4 jumbotron"> 
      some text 
     </li> 

     <li class="col-xs-4 jumbotron"> 
      some text 
     </li> 

     <li class="col-xs-4 jumbotron"> 
      some text 
     </li> 

     <li class="col-xs-4 jumbotron"> 
      some text 
     </li> 

     <li class="col-xs-4 jumbotron"> 
      some text 
     </li> 

     <li class="col-xs-4 jumbotron"> 
      some text 
     </li> 

    </div> 
    </ul> 
</div> 

如下CSS

.container { 
    margin: 30px 60px; 
    border: solid; 
} 

.row { 
    margin: 8px 0; 
} 

.events { 
    list-style: none; 
    padding: 0; 
} 

.jumbotron { 
    margin: 10px; 
} 

Answer 1

添加Li和SE T保證金：0的超大屏幕

<li class="col-xs-4"> 
    <div class="jumbotron">some text</div> 
</li> 

.jumbotron { 
    margin:0; 
    padding:20px; 
}