css - bootstrap 2.3.2 中带有响应式主 div 的固定宽度侧边栏

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

我在使用 bootstrap 2.3.2 时试图获得固定宽度的边栏和响应式主 div。

像下面这张图

fixed sidebar, fluid main div

我曾尝试使用 200px 固定宽度的 div,然后在其旁边放置一个流动的 div,但无法正常工作。有任何想法吗 ?我在这里解决了这个问题 - http://jsfiddle.net/KAfMB/1/

最佳答案

这是因为您的“固定跨度”类被 Bootstrap 跨度类覆盖了。 您可以解决这个问题,从您的类(class)中删除“span”一词:

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

这是 fiddle : http://jsfiddle.net/KAfMB/4/

关于css - bootstrap 2.3.2 中带有响应式主 div 的固定宽度侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19541035/

相关文章:

asp.net-mvc - 将 Bootstrap 类添加到 asp.net mvc webGrid 列

css - @media 和 "the best way"创建 "responsive"网站

html - 用于响应式网页设计的 CSS 技术

html - 如何制作响应式导航栏?

安卓有时花屏

javascript - 动态要求和取消要求文件

css - 为什么 Firefox/Chrome 响应式仿真和智能手机之间存在差异?

css - 我怎样才能 float 一堆 block 级元素,使它们占据宽度的 50%,包括边框、填充和边距?

css - 使用 bootstrap 和 css 的模块化内容框

html - 在 < 768px 上给 Bootstrap 横幅更高的高度