发新帖

【大白】可以放在自定义直接使用的轮播代码

大白 5月前 1244

演示地址:点击查看


改中间的3个小圆点

.carousel-indicators{bottom:0px}
.carousel-indicators li{border:0;background:#fff}
.carousel-indicators .active {
    background-color: #fe6500;
    border: 0;
}

 





代码如下:

<div id="myCarousel" class="carousel slide m-b-sm" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class=""></li>
        <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="2" class=""></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
          <img class="first-slide img-rounded" src="http://img.zcool.cn/community/focus/ffef58777d2500000174c88c3259.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
          <img class="first-slide img-rounded" src="http://img.zcool.cn/community/focus/5ed958777d3d00000174c86b32f9.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
          <img class="first-slide img-rounded" src="http://img.zcool.cn/community/focus/5a8e58777d0f00000174c84e32f6.jpg" alt="Third slide">
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>


最新回复 (11)
senlo 5月前
引用 1
先抢个沙化~
驾度腾飞_1471178658 5月前
引用 2
这个不错
彼岸花 5月前
引用 3
http://www.kuaishoutop.com/post/1523.html
黑色寓言 5月前
引用 4
大白很给力啊!
6462515 5月前
引用 5
http://www.et99.cn
Mustafa 4月前
引用 6


指尖人 4月前
引用 7
Mustafa
相同问题
大白 4月前
引用 8
指尖人 相同问题
按照教程一步步做,绝对没毛病。
可以发链接看看吗?
tk23 2月前
引用 9
感谢大白!
1686621688 1月前
引用 10
手机实现
qq289988157 1月前
引用 11
关键这个插件在那下载呢?
返回