bootstrapv4輪播圖去除兩側(cè)陰影及線框的方法
發(fā)布時(shí)間:2022-02-14 16:21:24 作者:Mr楊_測(cè)試淺談
我要評(píng)論

這篇文章主要介紹了bootstrapv4輪播圖去除兩側(cè)陰影及線框的方法,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
一、前提條件:
在使用bootstrapv4中的輪播圖組件時(shí),兩側(cè)默認(rèn)出現(xiàn)陰影,且輪播組件示例不一致!
二、bootstrap文檔組件展示與實(shí)際應(yīng)用
1.官方文檔展示如下:沒(méi)有陰影
2.實(shí)際應(yīng)用情況如下:
兩側(cè)陰影展示出來(lái)特別丑。經(jīng)過(guò)網(wǎng)絡(luò)搜索后,仍沒(méi)有解決(ps:網(wǎng)上現(xiàn)有方案是解決舊版bootstrap的css,最早為2017年的,其他均為粘貼復(fù)制的,幾乎一樣)
三、解決方案
1.進(jìn)入bootstrap.css;
2.搜索carousel-control-prev
3.將color刪除,并增加
background: none; #去除陰影 border: none; #去除線框
4.修改保存刷新后如下:
到此這篇關(guān)于bootstrapv4輪播圖去除兩側(cè)陰影及線框的方法的文章就介紹到這了,更多相關(guān)bootstrapv4輪播圖內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
- Bootstrap 是由Twitter 工程師推出的基于HTML,CSS,JAVASCRIPT的簡(jiǎn)潔靈活的流行前端框架2012-11-12