这是我的代码:
<body data-spy="scroll" data-target="#left-menu" data-offset="20">
<div class="container">
<div class="row">
<nav class="col-sm-3" id="left-menu">
<ul class="nav nav-pills nav-stacked">
<li><a href="#installation">Installation</a></li>
<li><a href="#api">API</a></li>
<li><a href="#demo">Demo</a></li>
</ul>
</nav>
<div class="col-sm-9" id="content">
<div id="installation">
<h1>Installation</h1>
<!-- ... -->
</div>
<div id="api">
<h1>API</h1>
<!-- ... -->
</div>
<div id="demo">
<h1>Demo</h1>
<!-- ... -->
</div>
</div>
</div>
</div>
</body>
我希望在用户移动滚动条时修复左侧菜单。我试过了:
#left-menu {
position: fixed;
}
它不起作用,因为div#content
漂浮在#left-menu
上。
我错过了什么?
引导 3.3.6
已解决。我错过了#content
的margin-left
:
#content {
margin-left: 25%
}