我正在嘗試在 Bootstrap 4 中創(chuàng)建一個(gè)帶有兩個(gè)左右導(dǎo)航箭頭的輪播。這是我的控制器代碼<!-- 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>正如你所看到的，我使用了很棒的字體來(lái)插入箭頭?，F(xiàn)在我的問(wèn)題是默認(rèn)箭頭太小如何增加兩個(gè)箭頭的大??？
2 回答
當(dāng)年話下
TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊
如果您想增加箭頭的大小，您只需增加字體大小即可，因?yàn)槟褂玫氖?font awsome。
如果你想增加所有字體很棒的圖標(biāo)的字體大小，
.fa{
font-size: 100px;
}
但上面會(huì)增加每個(gè)Fa圖標(biāo)的大小，
因此，與其只增加箭頭的大小，
.fa-angle-left{
font-size: 100px;
}
.fa-angle-right{
font-size: 100px;
}
所以這只會(huì)增加箭頭的大小。
汪汪一只貓
TA貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個(gè)贊
font Awesome 的美妙之處在于您可以對(duì)其應(yīng)用 CSS 屬性，更改顏色、大小等。在這種情況下，只需向圖標(biāo)添加一個(gè)類并編寫(xiě)一些 CSS 來(lái)更改大?。?/p>
<i class="nav-arrow fa fa-angle-left text-dark"></i>
.nav-arrow {
font-size: 1.5em; /* or whatever value you prefer */
}
如果您不想添加自定義類，您還可以對(duì)以下位置的圖標(biāo)應(yīng)用尺寸carousel-control：
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
font-size: 1.5em;
}
- 2 回答
- 0 關(guān)注
- 276 瀏覽
添加回答
舉報(bào)
0/150
提交
取消