Bootstrap4轮播图

  #学习上:css3的动画学习很有趣,表示很喜欢;通过css3动画的学习,感觉自己更适合前端的深入学习。
  过去的一个星期,制作考核要求的网页,其中反映出来许多问题。相对于其他同伴而言,我不是模仿的,而是自己尝试着自己制作一个,可能知识点的储备量还不够,也或许查阅,浏览的页面还不是足够多,所以制作出来的页面美观度不高,自己抽空查找了一些关于css3的较为炫酷的动画加入了进去,有点哗众取宠的感觉,最重要的一点,细节做的不到位,这个最大的毛病。以上就是css3学习中暴露的问题。学姐推荐我学习一些轮播图,但我却找到了Bootstrap4 中的轮播图。

<div id="demo" class="carousel slide" data-ride="carousel">
 
  <!-- 指示符 -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
  </ul>
 <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>

这两部分可能跟为重要一点。
在这里插入图片描述
  #生活上:日常生活还算可以,没有太大的烦心事,但有时候精力有点跟不上,晚上睡眠不足,但早操取消了应该会好一点,加强身体的锻炼还算很重要的。
  加油!继续努力!

猜你喜欢

转载自blog.csdn.net/qq_45954445/article/details/103556356