Bootstrap3.0学习(一)
2014-11-20 14:09
225 查看
--摘自--百度百科
准备工作:
1、去官网下载bootstrap文件 http://v3.bootcss.com/getting-started/
2、网站引用bootstrap文件
注意:bootstrap脚本是建立在jquery基础上的,在引用bootstrap.min.js前需引用jquery,jquery版本支持1.9.1以上版本。
一:导航栏
运行后效果为:
二:Carousel 轮播
运行效果如图:
用法:
通过 data属性:使用data属性可以控制轮播的位置。
属性data-slide接受关键字prev或next,用来改变幻灯片相对于当前位置的位置。
使用data-ride="carousel"属性用于标记轮播在页面加载时就开始播放动画。
通过javascript:可以通过 $('.carousel').carousel()手动调用。
具体使用方法可以去bootstrap官网了解http://www.bootcss.com/
准备工作:
1、去官网下载bootstrap文件 http://v3.bootcss.com/getting-started/
2、网站引用bootstrap文件
注意:bootstrap脚本是建立在jquery基础上的,在引用bootstrap.min.js前需引用jquery,jquery版本支持1.9.1以上版本。
一:导航栏
二:Carousel 轮播
用法:
通过 data属性:使用data属性可以控制轮播的位置。
属性data-slide接受关键字prev或next,用来改变幻灯片相对于当前位置的位置。
使用data-ride="carousel"属性用于标记轮播在页面加载时就开始播放动画。
通过javascript:可以通过 $('.carousel').carousel()手动调用。
具体使用方法可以去bootstrap官网了解http://www.bootcss.com/
相关文章推荐
- Bootstrap3.0入门学习系列规划[持续更新]
- Bootstrap3.0学习第三轮(栅格系统案例)
- Bootstrap3.0学习第十四轮(分页、徽章)
- Bootstrap3.0学习第十七轮(JavaScript插件——模态框)
- Bootstrap3.0学习第十六轮(进度条、媒体对象、列表组、面板)
- Bootstrap3.0学习第一轮(入门)
- Bootstrap3.0学习第二十一轮(JavaScript插件——工具提示)
- Bootstrap3.0学习第十一轮(输入框组)
- Bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)
- Bootstrap3.0学习第十九轮(JavaScript插件——标签页)
- Bootstrap3.0学习第三轮(栅格系统案例)
- Bootstrap3.0学习第七轮(按钮)
- Bootstrap3.0学习第六轮(表单)
- Bootstrap3.0学习第十三轮(导航条)
- Bootstrap3.0学习第九轮(CSS补充)
- Bootstrap3.0入门学习系列
- Bootstrap3.0学习第六轮(表单)
- Bootstrap3.0入门学习系列教程
- Bootstrap3.0学习第十五轮(大屏幕介绍、页面标题、缩略图、警示框、Well)
- Bootstrap3.0学习第二十轮(JavaScript插件——滚动监听)