我正在嘗試在 Bootstrap 4 中創建一個帶有兩個左右導航箭頭的輪播。這是我的控制器代碼<!-- Carousel controls --> <a class="carousel-control left carousel-control-prev" href="#myCarousel" data-slide="prev"> <i class="fa fa-angle-left text-dark"></i> </a> <a class="carousel-control right carousel-control-next" href="#myCarousel" data-slide="next"> <i class="fa fa-angle-right text-dark"></i> </a>正如你所看到的，我使用了很棒的字體來插入箭頭?，F在我的問題是默認箭頭太小如何增加兩個箭頭的大?。?
2 回答
當年話下
TA貢獻1890條經驗 獲得超9個贊
如果您想增加箭頭的大小，您只需增加字體大小即可，因為您使用的是 font awsome。
如果你想增加所有字體很棒的圖標的字體大小，
.fa{
font-size: 100px;
}
但上面會增加每個Fa圖標的大小，
因此，與其只增加箭頭的大小，
.fa-angle-left{
font-size: 100px;
}
.fa-angle-right{
font-size: 100px;
}
所以這只會增加箭頭的大小。
汪汪一只貓
TA貢獻1898條經驗 獲得超8個贊
font Awesome 的美妙之處在于您可以對其應用 CSS 屬性，更改顏色、大小等。在這種情況下，只需向圖標添加一個類并編寫一些 CSS 來更改大?。?/p>
<i class="nav-arrow fa fa-angle-left text-dark"></i>
.nav-arrow {
font-size: 1.5em; /* or whatever value you prefer */
}
如果您不想添加自定義類，您還可以對以下位置的圖標應用尺寸carousel-control：
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
font-size: 1.5em;
}
- 2 回答
- 0 關注
- 216 瀏覽
添加回答
舉報
0/150
提交
取消