twitter引导程序中的两列布局,第一列具有固定宽度,第二列宽度填充剩余空间

时间:2013-06-25 10:58:48

标签: css twitter-bootstrap

我正在使用Twitter Bootstrap,我正在尝试按照标题中的描述获得布局。

请告知。

1 个答案:

答案 0 :(得分: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/