css - Bootstrap : divide page contain in two(equal)

Question

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

Answer 1

您需要创建两个彼此相等的相对大小(或绝对大小)的元素(咳咳左:50% | 右。50%)以适应一侧到另一侧添加属性CSS 中的“ float ”；每个都与各自的一侧对齐。

CSS

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