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

我需要第一个固定宽度为 200px 的 div 和 Twitter bootstrap 3.0 的其他百分比 div

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; }

希望这对您有所帮助!