bootstrap轮播图不起作用-bootstrap做轮播图时遇到的问题
原创:找图网
2023-04-30 04:41:34
bootstrap3的carousel图片轮播为什么无法使用

是不是引用js、css顺序错误,必须css、然后是,最后再是
可以参考
网页链接 看一下
bootstrap的carousel轮播插件为啥没用啊

下面是一个简单的幻灯片,使用 Bootstrap 轮播(Carousel)插件显示了一个循环播放元素的通用组件。为了实现轮播,您只需要添加带有该标记的代码即可。不需要使用 data 属性,只需要简单的基于 class 的开发即可。
实例
<div id="myCarousel" class="carousel slide">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
bootstrap做轮播图时遇到的问题

是不是图片外面的盒子有padding或者图片有margin啊。
解决方法:
1.给img标签外的元素添加padding:0;
2.给img添加margin:0;display:block;width:0;
最新文章 更多
-
果盘绘画图片大全简单创作方法快速制作技巧2024-01-02 16:57:54
-
小年插画图片创作方法快速制作技巧2024-01-02 16:57:20
-
小年绘画作品制作技巧2024-01-02 16:55:45
-
小年插画图片创作方法快速制作技巧2024-01-02 16:55:02
-
立春插画图片如何制作2024-01-02 16:54:19
-
立春插画图片创作方法快速制作技巧2024-01-02 16:53:32






扫描二维码添加客服微信
扫描二维码关注