感谢Jie’ blog http://ilog.vip/ ,谢谢他让我有了继续写下去的信念。愿一起坚持,在路上…
上一章简单介绍了Boostrap的组件使用(四),如果没有看过,请观看上一章
一. 引入JavaScript插件
Bootstrap自己封装了一些常用的页面效果,可以减少我们写代码的数量,只需要简单引入一些api即可。
一般在开发中,会引入bootstrap.min.js, 也有一个bootstrap.js, 两者是内容相同的,只是min是压缩版,文件较小,没有格式,不带min是开发版,文件大,有格式。
二.过渡效果
见: http://www.runoob.com/bootstrap/bootstrap-transition-plugin.html
三. 模态框
见:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html
四 下拉菜单
见: http://www.runoob.com/bootstrap/bootstrap-dropdown-plugin.html
五 滚动监听
见: http://www.runoob.com/bootstrap/bootstrap-scrollspy-plugin.html
六 标签页
见: http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html
七 提示工具
见: http://www.runoob.com/bootstrap/bootstrap-tooltip-plugin.html
八 弹出框
见: http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html
九 警告框
见: http://www.runoob.com/bootstrap/bootstrap-alert-plugin.html
十 按钮
见:http://www.runoob.com/bootstrap/bootstrap-button-plugin.html
十一 折叠
见: http://www.runoob.com/bootstrap/bootstrap-collapse-plugin.html
十二 轮播
见: http://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html
十三 竖直导航Tab
见: http://www.runoob.com/bootstrap/bootstrap-affix-plugin.html