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

标签 reactjs frontend react-bootstrap

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

详细图片:

enter image description here

最佳答案

在相关的导航栏部分找到 Navbar.Toggle 或直接 Toggle(它是如何导入的,你会看到)。

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

默认情况下,基本上它看起来像这样。 Bootstrap 的默认设置就像您当前看到的一样。
<Navbar.Toggle aria-controls="basic-navbar-nav"> <YOUR ICON /> </Navbar.Toggle>

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

关于reactjs - 如何更改 react-bootstrap navbar-toggler-icon 按钮和按钮颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61134678/

相关文章:

reactjs - 如何在 recharts 中使用 .map 函数创建双轴线图

javascript - 如何在不重新渲染页面的情况下更新路线(打开/关闭具有自己路线的模态)?

javascript - 当它是包含在多个页面中的单独的 html 文件时,在页眉中显示页面标题

MVC PHP 应用程序的 Javascript/CSS 架构

reactjs - React 中的样式化组件 : TypeError: Cannot read property 'color' of undefined

reactjs - 解决 Expo 和 React Native 的依赖冲突

reactjs - Emotion Styled 有条件地添加样式片段

javascript - 当将 "tr"位置设置为固定时,称为 "td"宽度的子元素发生变化

javascript - 链接和按钮未对齐

reactjs - React-bootstrap 中的可滚动下拉列表