如何使用bootstrap js滚动主要内容时使左侧边栏固定并始终可用？

Question

我正在使用bootstrap 3开发一个页面，其中我有一个左侧菜单，一个主要内容和右侧菜单。我的要求是在滚动主要内容时，应该始终在左侧显示侧面菜单，供用户选择选项？请帮帮我。

我尝试为侧边栏的div提供css为“position：fixed”，这使得侧边栏在滚动时固定，但主要内容与侧边栏重叠。

Answer 1

尝试使用这样的自定义基础框架：

// Html
<div class="sidebar">
</div>
<div class="main-content">
</div>

//CSS 

.sidebar {
width: 14%;
display:block;
float:left;
position:fixed;
height:100%;
background: #f7f7f7;
border-right: 1px solid #dae3e9;
padding-top: 2em;
    }
  .main-content {
width: 85.5%;
    display: block;
    float: left;
    margin-left: 14.5%;
 }

您可以让您在这些帧中引导行。希望这会有所帮助......