固定宽度和流体div与bootstrap 3.0并排

Question

<div class="row">    
    <div class="col-xs-2"></div> //This need as fixed width of 200px
    <div class="col-xs-10"></div>
</div>

我需要第一个div，固定宽度为200px，其他div为百分比，使用twitter bootstrap 3.0

Answer 1

如果查看bootstrap3规则，您会看到：

.col-xs-2 { width: 16.6667%; }
.col-xs-10 { width: 83.3333%; }

如果你想要第一个项目的固定宽度，你也必须覆盖第二个项目的宽度（不能混合px和百分比）。

在这种情况下，我不会使用.col-xs-*类，而是使用经典布局，如：

.item1 { float: left; width: 200px; }
.item2 { display: block; margin-left: 200px; }

希望这有帮助！