用bootstrap做自适应网站已成为一种主流,bootstrap轮播插件如何使用呢?bootstrap轮播插件教程如下:
工具/原料
1
bootstrap手册
2
web编辑器(这里推荐Sublime text3)
3
高版本的浏览器(谷歌等可以测试自适应的浏览器)
方法/步骤
1
打开bootstrap手册找到 Carousel JavaScript 插件,先熟悉 Carousel插件效果及代码布局
2
首先写最外面的主题部分
先定义一个ID为myCarousel class名称为carousel slide 这是固定的3
其次写 Indicators 就是轮播图下面的 指示信息 通常有 圆形、方形、圆圈等
4
这里的图片和上一步提示是一致的 上一步写了 0~2的索引,是三个提示信息,那么这里就写三张图片的内容。
第三写轮播主体部分



6
第五,写JS代码,carousel 方法因为JS加载慢,所以建议放到最下面