固定宽度和流体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; }

希望这可以帮助!