title: how to override react-bootstrap with custom css file
body: <p>I use <code>react-bootstrap</code>, but I want to modify some of the elements, so I wrote my own <code>custom.css</code>. However it doesn't make any changes (only when I put <code>!important</code>, but the file is so large so it's not a good option). </p>
  
  <pre><code>import {MenuItem, Nav, Navbar, NavBrand, NavDropdown, NavItem} from "react-bootstrap";
  import {LinkContainer, MenuItemLink} from "react-router-bootstrap";
  import '../assets/css/custom.css';
  </code></pre>
  
  <p>This is what I did so far.</p>