zoukankan      html  css  js  c++  java
  • bootstrapv4轮播图去除两侧阴影及线框

    一、前提条件: 

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

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

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

     2.实际应用情况如下:

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

    三、解决方案

      1.进入bootstrap.css;

      2.搜索carousel-control-prev

      3.将color删除,并增加

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

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

    注:本文章为原创,不得抄袭,如有发现必追究其责!可转载,但必须注明出处!!

  • 相关阅读:
    浅谈HTTP中Get与Post的区别
    js 执行完setTimeout再接着执行函数
    2017年书单
    js判断img是否存在
    md5
    GIF播放器
    java 集合(二)
    java 泛型
    抓包工具
    js计算地球两个经纬度之间的距离
  • 原文地址:https://www.cnblogs.com/yq1997/p/15153336.html
Copyright © 2011-2022 走看看