我想用bootstrap 3创建一个左边的粘性菜单:
http://getbootstrap.com/getting-started/
我已经阅读了给定的文档 http://getbootstrap.com/javascript/#affix
我尝试使用.affix
,但结果是零。
更新: @Skelly、 谢谢你的好例子。是的,我想像你的例子一样。 我下载了你的例子html,但下载后,html文件的侧边栏没有工作。
Bootstrap 3
这里是一个工作的左侧边栏的例子:
http://bootply.com/90936 (与Bootstrap文档相似)
诀窍是使用affix
组件和一些CSS来定位它:
#sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
EDIT- 另一个带脚注和affix-bottom的例子
<hr>;
**Bootstrap 4***
在Bootstrap 4中删除了Affix组件,所以要创建一个粘性侧边栏,你可以使用一个第三方Affix插件,比如这个Bootstrap 4粘性侧边栏示例,或者使用sticky-top
类是在这个答案中解释。