bootstrapminjs 的轮播图的箭头的应该写什么模型
轮播图的箭头通常使用图标字体或者图片来实现。在Bootstrap中,可以使用Glyphicons图标字体或者自定义的图片来表示轮播图的箭头。
使用Glyphicons图标字体的示例代码:
<!-- 左箭头 -->
<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>
使用自定义图片的示例代码:
<!-- 左箭头 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<img src="path/to/left-arrow.png" alt="Previous">
</a>
<!-- 右箭头 -->
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<img src="path/to/right-arrow.png" alt="Next">
</a>
请替换代码中的path/to/left-arrow.png和path/to/right-arrow.png为实际的箭头图片路径
原文地址: http://www.cveoy.top/t/topic/hCZX 著作权归作者所有。请勿转载和采集!