Hi !
I’m trying to customize the links text of the bootstrap navbar in react.
I had a menu with dropdown with of react-router and I want to customize the font of the main menu items.
It’s only works when I add an Id to the links.
I tried several solutions: add custom classes, element selector in my scss but it doesn’t work.
Is there a better solution than the id ?
Thanks !
<nav role="navigation" className="navbar navbar-fixed-top">
<div className="container-fluid">
<div className="collapse navbar-collapse col-md-offset-4">
<ul className="nav navbar-nav">
<li className="dropdown">
<Link href="#" className="dropdown-toggle navbar__category" data-toggle="dropdown" role="button" >Customize Item</Link>
<ul className="dropdown-menu">
<li><Link to="/">Sub Item title</Link></li>
<li>Sub item</li>
<li>Sub item</li>
<li>Sub item</li>
<li>Sub item</li>
</ul>
</li>
<li className="dropdown">
<Link href="#" className="dropdown-toggle navbar__category" data-toggle="dropdown" role="button" >Item Customize</Link>
<ul className="dropdown-menu">
<li><Link to="/">Sub Item title</Link></li>
<li>Sub items</li>
<li>Sub items</li>
<li>Sub items</li>
<li>Sub items</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>