html - 如何通过容器宽度设置行宽？

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