Question

这是我的代码：

<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。

我错过了什么？

Bootstrap 3.3.6

Answer 1

解决。我错过了margin-left的{{1}}：

#content

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

1 个答案: