如何使用 Bootstrap 3 修复左侧菜单



这是我的代码:

<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

已解决。我错过了#contentmargin-left

#content {
   margin-left: 25%
}

最新更新