[前端] bootstrapv4轮播图去除两侧阴影及线框的方法

2221 0
黑夜隐士 2022-10-19 16:43:15 | 显示全部楼层 |阅读模式
一、前提条件:

  在使用bootstrapv4中的轮播图组件时,两侧默认出现阴影,且轮播组件示例不一致!
二、bootstrap文档组件展示与实际应用

  1.官方文档展示如下:没有阴影


2.实际应用情况如下:


两侧阴影展示出来特别丑。经过网络搜索后,仍没有解决(ps:网上现有方案是解决旧版bootstrap的css,最早为2017年的,其他均为粘贴复制的,几乎一样)
三、解决方案

  1.进入bootstrap.css;
  2.搜索carousel-control-prev
  3.将color删除,并增加

background: none;   #去除阴影
border: none;  #去除线框


  4.修改保存刷新后如下:


到此这篇关于bootstrapv4轮播图去除两侧阴影及线框的方法的文章就介绍到这了,更多相关bootstrapv4轮播图内容请搜索中国红客联盟以前的文章或继续浏览下面的相关文章,希望大家以后多多支持中国红客联盟!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

中国红客联盟公众号

联系站长QQ:5520533

admin@chnhonker.com
Copyright © 2001-2025 Discuz Team. Powered by Discuz! X3.5 ( 粤ICP备13060014号 )|天天打卡 本站已运行