先找到想要存放这个轮播的地址位置:

bootstrap 图片轮播

 

2,找到图片轮播代码,复制到上图圈上(bootstrap配件地址: https://getbootstrap.com )

bootstrap 图片轮播

bootstrap 图片轮播

 选择好需要的框架,点击右键

进入开发者工具(F12)代码所在区域会高亮显示,需要用的代码复制下来粘贴到要用处就好 

 

bootstrap 图片轮播

 

 

找到要拷贝出来的代码处,点击鼠标右键,找到 " Copy " "Copy HTML",复制出来的是HTML代码,另还需要复制CSS样式代码,一般情况,看到有"id","class"这样的标签,是选择器的标签,bootstrap 图片轮播

图片滚动 框架 具体代码如下(这里的CSS样式,因为已经下载了样式包,里面这里使用的样式都已包含了,就不需另在复制样式下来):

<div >Next</span>
</a>
</div>

 打开代码要用到的地方:

bootstrap 图片轮播

 

删除一些这里不用的代码,结果如下:

 引导图片地址 <img src="image/1.jpeg">

bootstrap 图片轮播

bootstrap 图片轮播

到此,使用bootstrap 图片轮播 例子弄完

相关文章: