title: How to add custom CSS stylesheet when using Bootstrap
body: <p>My custom CSS stylesheet are not working when I use Bootstrap.
  <strong>!important</strong> tag doesn't work (I also heard !important is not a good practice)
  and
  Using ID instead of Class is not a good idea as style will be used multiple times.</p>
  <p>Is there a way to override Bootstrap without using ID?</p>
  <p>HTML with bootstrap and custom css linked</p>
  <pre><code> &lt;header&gt;
      &lt;nav class=&quot;navbar navbar-expand-md navbar-dark navbar-custom&quot;&gt;
          &lt;a class=&quot;navbar-brand&quot; href=&quot;index.html&quot;&gt;Jake Yoon&lt;/a&gt;
      &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>
  <p>custom css</p>
  <pre><code>.navbar-custom {
     background-color: lightsteelblue;
     font-size: 25px;
     color: white;
  }
  </code></pre>