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.修改保存刷新后如下:

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

  • 相关阅读:
    模板语法 DTL(Django Template Language )
    django基础
    day1,基本标签总结
    聚合函数
    day1
    day 3 定时任务
    day 4 tar
    day 6
    day1 mysql
    day 6
  • 原文地址:https://www.cnblogs.com/yq1997/p/15153336.html
Copyright © 2011-2022 走看看