列出具有2列的组

Question

我正试着这个：

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

我正在使用最新的Bootstrap版本，但我无法使用它。这是我的bootstrap实例：http://www.bootply.com/VwX8n6sHmM

Answer 1

你需要像这样使用bootstrap网格

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

Answer 2

首先，您需要确保每个广告仅填充50％的容器＆＃39;宽度：

.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;
}