我想创建一个固定的侧边栏 outside 我的中心Bootstrap网格 . 我在尝试这样做时面临的挑战是确定将哪些其他样式应用/覆盖到我的 .container
,以便在调整屏幕大小时它不会与我的侧边栏重叠 .
对于初学者,我只使用css框架的网格部分,所以 .container
, .row
和 .col-md-12
是从 bootstrap.css
文件本身拉出的代码,不是自定义的 . 另外请记住我正在使用 Bootstrap 3 ,所以请不要为以前的线程中经常被问到的Bootstrap 2的流体网格解决方案提出建议 .
HTML
<div id="left-nav"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, nunc dictum at.</p>
</div>
</div>
</div>
CSS
html, body {
height: 100%;
width: 100%;
}
#left-nav {
background: #2b2b2b;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 250px;
}
1 回答
As drew_w said,你可以找到good example here .
HTML
CSS
的jsfiddle