固定宽度的侧边栏,在bootstrap 2.3.2中具有响应式主div

时间:2013-10-23 11:57:37

标签: css twitter-bootstrap responsive-design fluid-layout twitter-bootstrap-2

在使用bootstrap 2.3.2时,我试图获得一个带有响应主div的固定宽度侧栏。

如下图所示

fixed sidebar, fluid main div

Ived尝试使用200px固定宽度div,然后在它旁边放置一个流体div,但无法使其工作。有任何想法吗 ?香港专业教育学院在这里做了一个小问题 - http://jsfiddle.net/KAfMB/1/

1 个答案:

答案 0 :(得分:1)

这是因为你的“fixed-span”类被引导跨度类覆盖。 你可以解决这个问题,从你的班级中删除“span”这个词:

<div class="row-fluid">
    <div class="fixed blue cols">...</div>
    <div class="span8 red cols">...</div>
</div>
.fixed {
    width:200px;
    float: left;
}

这是小提琴: http://jsfiddle.net/KAfMB/4/