bootstrapv4轮播图去除两侧阴影及线框的方法
一、前提条件：在使用bootstrapv4中的轮播图组件时，两侧默认出现阴影，且轮播组件示例不一致！
二、bootstrap文档组件展示与实际应用
1.官方文档展示如下：没有阴影
https://img.jbzj.com/file_images/article/202202/2022021416135392.png
2.实际应用情况如下：
https://img.jbzj.com/file_images/article/202202/2022021416135393.jpg
两侧阴影展示出来特别丑。经过网络搜索后，仍没有解决（ps：网上现有方案是解决旧版bootstrap的css，最早为2017年的，其他均为粘贴复制的，几乎一样）
三、解决方案
1.进入bootstrap.css；
2.搜索carousel-control-prev
3.将color删除，并增加
background: none; #去除阴影
border: none; #去除线框https://img.jbzj.com/file_images/article/202202/2022021416135494.png
4.修改保存刷新后如下：
https://img.jbzj.com/file_images/article/202202/2022021416135495.jpg
到此这篇关于bootstrapv4轮播图去除两侧阴影及线框的方法的文章就介绍到这了,更多相关bootstrapv4轮播图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
来源:https://www.jb51.net/html5/810949.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！
页:
[1]