Bootstrap 2行，1列

Question

我是bootstrap的新手并且坚持下一件事： 使用bootstrap网格，我需要这个东西Bootstrap example，但有一些添加： 1）我需要两列（第3列），仍然有第1列和第2列 2）第1列和第2列的宽度 - 20％，第1列的宽度为3 - 宽度为20％，第二列为3 - 60％ 3）使用bootstrap，在列之间留出空间 示例：image。 感谢。

Answer 1

此代码可以帮助您

<div class="row">
        <div class="col-xs-2" style="width: 20%">
            <div class="row">
                COLUMN 1
            </div>
            <div class="row">
                COLUMN 2
            </div>
        </div>
        <div class="col-xs-2" style="width: 20%">
            COLUMN 3
        </div>
        <div class="col-xs-7" style="width: 60%">
            COLUMN 3
        </div>
    </div>

Bootstrap网格系统将行分为12列，您可以根据它来实现宽度。您必须为精确的20或40％宽度添加额外的css。

将样式attr更改为class，添加min-height并根据需要定义css规则。