发表于: 2019-04-30 23:28:35

1 767


今天完成的事:

一、复习了折叠菜单

navbar-toggle在大于等于768px时会隐藏

navbar-collapse.collapse在大于等于768时会显示

分别用在导航栏和折叠按钮上就可以实现隐藏效果


二、复习了用bootstrap制作轮播图


<div class="carousel slide" id="mycar">

设置基础的bootstrap轮播图class,以及轮播图的id


<div class="carousel-inner">

   <div class="item active"></div>

   <div class="item"></div>

</div>

设置轮播图的内容,需要轮播的图片


<!-- 导航小按钮 -->
<ol class="mycar2 carousel-indicators">
   <li data-target="#mycar" data-slide-to="0" class="active"></li>
   <li data-target="#mycar" data-slide-to="1"></li>
   <li data-target="#mycar" data-slide-to="2"></li>
   <li data-target="#mycar" data-slide-to="3"></li>
</ol>

设置导航的小按钮,data-target链接轮播图的id,data-slide-to想要翻的页数


默认的容器有overflow属性,需要针对性调整内边距来实现效果

不设置内边距:

设置内边距:


遇到的问题:

暂无


明天计划:

继续修改任务89



返回列表 返回列表
评论

    分享到