React-Bootstrap: настройте меню гамбургеров Navbar с помощью Font Awesome SVG - PullRequest
Новая
       38

React-Bootstrap: настройте меню гамбургеров Navbar с помощью Font Awesome SVG

0 голосов
/ 02 октября 2019

Я использую React-Bootstrap и строю Навбар. Я хочу заменить значок меню гамбургера React-Bootstrap на значок гамбургера Font Awesome.

Как мне изменить встроенное меню гамбургера? Вот мой Navbar: 

<Navbar expand="lg">
   <Navbar.Brand href="#home">
      <FontAwesomeIcon icon="gem" color="#20FC8F" size="2x" />
   </Navbar.Brand>
   <Navbar.Toggle aria-controls="basic-navbar-nav"/>
   <Navbar.Collapse id="basic-navbar-nav">
      <Nav className="mr-auto">
         <Nav.Link href="#home">Home</Nav.Link>
         <Nav.Link href="#link">Link</Nav.Link>
      </Nav>
   </Navbar.Collapse>
</Navbar>

Я импортирую значок Font Awesome, который я хочу использовать, и отображаю его так: 

    <FontAwesomeIcon icon="bars" color="#20FC8F" size="2x" />;

Как я могу использовать это вместо React-Переключатель переключателя?

...