<!--要设置宽度,在手机屏幕上隐藏--> <div> <ul> <a href="#">hello</a> <a href="#">hello</a> <a href="#">hello</a> <a href="#">hello</a> <a href="#">hello</a> <a href="#">hello</a> <a href="#">hello</a> <a href="#">hello</a> </ul> </div>
再写style
<style> .affixed-element-top.affix{ /*如果想在底部的话可以改为bottom:10px;*/ top:10px; } .affixed-element-top.affix-bottom{ position: relative; } </style>
还要加一些js
$(".js-affixed-element-top").affix({ offset:{ } })
Boostrap的基本用法就这样,掌握后就可以做出很好的网页了。