如何更改 Bootstrap 4 導航列漢堡圖示顏色？

更改Bootstrap 4 導航列按鈕圖標顏色

Bootstrap 4 為較小的屏幕尺寸提供了漢堡菜單圖標，如下所示代碼：

此圖示顯示為黑底白字背景或淺色背景上的深色。但是，您可能希望調整其顏色以適合您的設計願景。

自訂圖示

為了自訂圖示的顏色，Bootstrap 4 使用 SVG 背景圖片。根據導覽列背景顏色使用不同的 SVG。

• .navbar-light .navbar-toggler-icon：淺色背景不透明度為50% 的黑色圖標
• .navbar-dark .navbar-toggler-icon：白色圖標，深色不透明度為50%背景

例如，要將圖示的顏色改為粉紅色，請使用以下CSS：

替代方法

An自訂圖示的替代方法是使用不同的圖示庫，例如Font Awesome。這提供了對圖標外觀的更大靈活性和控制。

以上是如何更改 Bootstrap 4 導航列漢堡圖示顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！