标签搜索

目 录CONTENT

文章目录

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

沙漠渔溏 / 2024-01-31 01:21:56 / 共计1,308 字
温馨提示:
本文最后更新于 2024-01-31,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

一、前提条件:

  在使用bootstrapv4中的轮播图组件时,两侧默认出现阴影,且轮播组件示例不一致!

二、bootstrap文档组件展示与实际应用

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

2.实际应用情况如下:

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

三、解决方案

  1.进入bootstrap.css;

  2.搜索carousel-control-prev

  3.将color删除,并增加

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

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

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