如何用Bootstrap制作轮播图
工具/材料
崇高的文本
操作方法 01
首先，我们需要创建一个新的HTML5文档，然后将Bootstrap样式文件导入到文档中，该文档包含了轮播的所有样式定义，如下图所示。
02
接下来，我们需要导入脚本文件。注意先导入Jquery文件，再导入bootstrap的脚本文件。不得颠倒顺序，如下图所示。
03
然后在body标签中定义carousel容器。容器大小需要和图片一样，否则转盘会放错位置，效果如下图所示。
04
接下来，我们将正式添加旋转木马地图。这里我们先添加三张地图，如下图所示。注意哪个轮播图显示的是直接调用Bootstrap的主动风格。
05
添加轮播图片后，可以添加轮播焦点。
在Bootstrap中，使用li列表定义轮播的焦点。注意焦点数和图片数，如下图。
06
转盘中的另一个重要元素是左右箭头。通过引导程序的转盘控件样式添加转盘箭头，如下图所示。
07
在我们最终运行程序后，您可以在页面上看到下图所示的旋转效果。
可以看到上面提到的轮播焦点和左右箭头显示在页面上，如下图所示。
