一、前提條件：

　　在使用bootstrapv4中的輪播圖組件時(shí)，兩側(cè)默認(rèn)出現(xiàn)陰影，且輪播組件示例不一致！

二、bootstrap文檔組件展示與實(shí)際應(yīng)用

　　1.官方文檔展示如下：沒有陰影

2.實(shí)際應(yīng)用情況如下：

兩側(cè)陰影展示出來特別丑。經(jīng)過網(wǎng)絡(luò)搜索后，仍沒有解決（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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評論