如何按容器宽度设置行宽？

Question

在我的档案中，我有这样的结构：

<div class="container" style="width:1000px;  border: 1px dashed #000">
    <div class="row-fluid" >
        <div class="col-xs-12 col-sm-6" style="border:1px solid green">

        </div>
        <div class="col-xs-12 col-sm-5" style="border:1px solid red">

        </div>
    </div>
</div>

主要问题是容器边框比两个柱子大

Answer 1

请记住，Bootstrap的默认值是12宽度网格。您的两个div只填充11宽度（6 + 5），而容器默认为12，因此最后一列显示为空格。 将第二列更改为6宽。

<div class="col-xs-12 col-sm-6" style="border:1px solid red">