列表组2列

Question

我想有这样的：

Featured Ads 
Ad 1 | Ad 3 
Ad 2 | Ad 4 

我使用的是最新版本的引导程序，但我不能得到这个工作。这是我的引导活生生的例子：http://www.bootply.com/VwX8n6sHmM

Answer 1

首先，你需要确保每个广告只填充容器宽度的50％：

.home-description { 
    width: 50% 
} 

然后，分配一类左，一个右向每添加，交替：

<a href="#" class="list-group-item home-description left"> 
<a href="#" class="list-group-item home-description right"> 
(... and so on) 

最后，浮动广告左，右：

.left { 
    float: left; 
} 

.right { 
    float: right; 
} 

Answer 2

您需要使用引导电网这样

<div class="container"> 
<div class="row"> 
    <div class="col-md-6">Ad 1</div> 
    <div class="col-md-6">Ad 3</div> 
</div> 
</div> 

这里的bootply：http://www.bootply.com/Us2fbvOrfi

欲了解更多信息：http://getbootstrap.com/examples/grid/