Question

我正在尝试使用bootstrap来制作网页结构。我将显示两个独立的包含（左边的一些文本和右边的一些图像），所以想要在两个相等的部分中进行垂直划分。有些像this，有些像这样有一个简单的bootstrap模板吗？

Answer 1

你需要创建两个具有相对大小（或绝对，无论）的元素，它们彼此相等（左边是：50％|右边.50％）以容纳一对一到另一边这个添加属性＆＃34;浮动＆＃34;在css;每个都与各自的一侧对齐。

<强> CSS

.parent{
 width: 100%;
 display: block;
}
.left{
 width: 50%;
 float: left;
 display: inline-block
}
.right{
 width: 50%;
 float: right;
 display: inline-block
}

Answer 2

使用bootstrap：

<div class="container">
    <div class="row">
         <div class="col-xs-6" id="left-column">
         </div>
         <div class="col-xs-6" id="right-column">
         </div>
    </div>
</div>

Bootstrap：分页包含两个（相等）

2 个答案: