这是我的代码:
<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
float 在 #left-menu
上。
我错过了什么?
Bootstrap 3.3.6
最佳答案
已解决。我错过了 #content
的 margin-left
:
#content {
margin-left: 25%
}
关于html - 如何使用 Bootstrap 3 修复左侧菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35487738/