我想像这个链接一样创建布局：http : //deqsastudio.com/projects/screen.png
但是底部水平滚动条的问题没有固定，一直在移动。像这样：
代码：
<body>
<!-- Header -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div id="header" class="row">
<div id="logo" class="col-md-3">LOGO</div>
<div id="nav" class="col-md-9">NAV</div>
</div>
</div>
</div>
<!-- Body -->
<div class="row nav-header">
<div class="container">
<div id="switch-btn" class="col-md-3">SWITCH BUTTON</div>
<div id="search" class="col-md-9">SEARCH BUTTON </div>
</div>
</div>
<div class="row">
<div class="container">
<div id="popular-categories" class="col-md-3 "><p>POPULAR CATEGORIES</p></div>
<div id="banner-slide" class="col-md-9"><p>BANNER SLIDE</p></div>
</div>
</div>
</body>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<div id="term" class="col-md-3">TERM & CONDITIONS </div>
<div …