Bootstrap的插件使用(五)

版权声明:转载请注明出处(两个蝴蝶飞) https://blog.csdn.net/yjltx1234csdn/article/details/83277907

感谢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

猜你喜欢

转载自blog.csdn.net/yjltx1234csdn/article/details/83277907