reactjs - 如何更改 react-bootstrap navbar-toggler-icon 按钮和按钮颜色

Question

我正在尝试将 react-bootstrap navbar-toggler-icon 更改为 font-awesome 图标，并更改图标颜色。

详情图片：

标签： reactjsfrontendreact-bootstrap

Answer 1

在相关的导航栏部分找到 Navbar.Toggle 或直接切换（它是如何导入的，你会看到）。

<Navbar.Toggle aria-controls="basic-navbar-nav" />

默认情况下，基本上它看起来像这样。Bootstrap 的默认值就像你现在看到的一样。

<Navbar.Toggle aria-controls="basic-navbar-nav"> <YOUR ICON /> </Navbar.Toggle>

只需在 Navbar.Toggle 中添加图标作为子项，然后您就可以设置任何您想要的样式。