这是不可能对准整个页面中使用Twitter的引导或CSS中心。
但可能与一点的jQuery。
function sizing() {
var windowwidth=$(window).width();
var containerwidth=$('.container').width();
var diff=windowwidth-containerwidth+40;
$('#leftmargin').text("window="+ windowwidth+",container="+containerwidth);
if(diff>0) {
$('#leftmargin').css('margin-left', (diff/2) +'px');
} else {
$('#leftmargin').css('margin-left', '20px');
}
}
$(document).ready(sizing);
$(window).resize(sizing);
并添加ID = “LEFTMARGIN” 像下面(向右滚动):
<div class="row">
<div class="span3" style="position:fixed;background-color:green;height:100%;top:0px;" id="leftmargin">
position fixed navbar (out of .container)
</div>
</div>
<div class="container">
<div class="row">
<div class="span3" style="background-color:red">empty to avoid overflow</div>
<div class="span9 offset3" style="background-color:blue;">
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>
bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>bla bla bla<br>
</div>
</div>
</div>
http://jsfiddle.net/baptme/NzqfL/
这个问题已经被前这里回答:在流体微博固定侧栏导航引导2.0] (http://stackoverflow.com/questions/9350818/fixed-sidebar-navigation-in-fluid-twitter-bootstrap-2-0/9351158#9351158) –
这是流体布局。我想要做一个固定的布局。 – nan