Bootstrap 如何建立左侧固定宽度，右边自适应布局？

Question

刚开始接触Bootstrap，现在需要左右两栏布局，左栏固定布局宽240px，右侧自适应布局。查了手册，例子中要么全是固定布局，要么全是自适应布局，请问这个如何解决？请高手指点，谢谢。

Answer 1

同求

Answer 2

请问楼主解决这个问题了吗？我现在也遇到这样的问题

Answer 3

左侧固定相对定位，右侧设置margin。

.left{
width:200px;
position:relative;
float: left;
}
.right{
margin-left:200px;
}

Answer 4

建议不要设定固定宽度。

可以试试通过spanX布局设定位置，然后给这个div设定一个固定宽度来实现。

楼主参考一下这里：http://twitter.github.io/bootstrap/scaffolding.html#gridSystem

Answer 5

我觉得,你这个需求首先就不对, bootstrap是个响应式设计, 他是不设定固定高宽的.. 不然栅格系统岂不是形同虚设.

Answer 6

恐怕只能自定义css了

左边{
    width: 240px;
    position: absolute;
    *position: relative;
    float: left;
    margin: 0;
}
右边{
    margin-left: 240px;
    position: relative;
}

Answer 7

最好在他既有机制上 进行改动,不要打破他的设计理念,我觉得是最好不过的了.

比如你可以更改他的栅格数 或栅格宽度

但是要注意各个设备不同分辨率下的效果了.