bootstrap怎样制作轮播图

 时间:2024-10-12 00:18:27

1、打开Hbuilder,新建一个轮播图的项目,如图,轮播图用到有图片

bootstrap怎样制作轮播图

2、然后搜索bootstrap,去bootstrap那里找到JavaScript插件,点击它

bootstrap怎样制作轮播图

3、然后在右边找到这个选项(carousel),这个选项就是bootstrap中用来制作轮播图的代码

bootstrap怎样制作轮播图

4、如图,点击carousel之后,就会跳思凳框酣转到轮播图源代码处,这里有一个轮播图的例子,下面有一些轮播图的代码,我们直接点击“copy”即可

bootstrap怎样制作轮播图

5、然后我们把复制到的代码粘贴到之前的html文件里面,代码放在body标签里面哦。

bootstrap怎样制作轮播图

6、然后找到carousel-inner,它下面有img标签,这个img标签就是放置我们的轮播图片的

bootstrap怎样制作轮播图

7、如图,我把图片的路径给设置好就可以了,这里我就设置成三个图片进行轮播

bootstrap怎样制作轮播图
  • html定义表单星号标记怎么做
  • html轮播图怎么制作
  • HTML代码如何去除超链接的下划线
  • 怎样让html中的文字垂直水平居中显示
  • html背景图片自适应屏幕大小
  • 热门搜索
    pdf怎么转换成jpg 荔枝怎么保存 姿势的拼音怎么写 白内障的治疗方法 蚕豆怎么做好吃 促进新陈代谢的方法 经典民间故事大全 栗子鸡的做法大全家常 酸菜鱼的家常做法 现代诗歌大全