css - twitter bootstrap 中的两列布局，第一列固定宽度，第二列宽度填充其余空间

Question

我正在使用 Twitter Bootstrap，我正在尝试获取标题中描述的布局。

请指教。

Answer 1

你可以尝试这样的事情：

<div class="row-fluid">
 <div class="span12">
  <div class="fixed_width"></div>
  <div class="variable_width"></div>
 </div>
</div>

和 CSS

div.fixed_width {
 width: 300px;
 // or try with: "float:left;" too
}

div.variable_width {
 overflow: hidden;
 // if you use float:left in the other, don't use overflow here, but try with: "width:100%;"
}

在这里你可以找到一个更一般的例子（http://jsfiddle.net/glee/6Cavr/）