功能强大的Bootstrap组件(结合js)(3)

<!--要设置宽度,在手机屏幕上隐藏--> <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的基本用法就这样,掌握后就可以做出很好的网页了。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzxjsy.html