title: Order of bootstrap and CSS library in header effect h3 Tag
body: <p>When I change the order of bootstrap (online) and CSS library(offline-internal) that affect the h3 used in HTML document. let me explain more about the conflict. </p>
  
  <pre><code>    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/&gt;
      &lt;link rel="stylesheet" href="http://beautifycodes.com/assets/css/main.css" /&gt;
  </code></pre>
  
  <p>The sequence of the files and below is the result of the HTML document:
  <a href="https://i.stack.imgur.com/5u0X1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5u0X1.png" alt="enter image description here"></a></p>
  
  <p>Now let's change the sequence of the main.css file, h3 tag and logo (have an h1 tag as well) will change its colour, font, size and layout.</p>
  
  <pre><code>    &lt;link rel="stylesheet" href="http://beautifycodes.com/assets/css/main.css" /&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/&gt;
  </code></pre>
  
  <p>now take look at the screenshot below:</p>
  
  <p><a href="https://i.stack.imgur.com/eC7N2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eC7N2.png" alt="enter image description here"></a></p>
  
  <p>Now my main concern is to just know that where the problem exists in bootstrap.js? bootsrap.css ? or browse have a bug. </p>
  
  <p>Anyone help to understand the reason behind? </p>