HTML - 将Bootstrap Left Menu设置为未修复

Question

如何使流行的bootstrap主题的左侧边栏像主要内容一样？

请参阅this example.

如您所见，“主要内容”是滚动，但左侧边栏和标题一样固定。我该怎么办，所以左侧边栏与主要内容一起滚动（但仍然是全高）？

Answer 1

1. 首先从顶部导航中删除左侧导航。因为，您需要修复顶部导航。如果你把你的左导航器放在顶部导航中它也会固定，这是你不想要的。

2. 然后将.side-nav fixed的css更改为absolute。在示例下面。

的CSS -

@media (min-width: 768px)
    .side-nav {
    position: absolute;/* Changed*/
    top: 51px;
    left: 225px;
    width: 225px;
    margin-left: -225px;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    background-color: #222;
    }