title: If multiple versions of JS files (Bootstrap) are referenced in HTML which takes precedence?
body: <p>HTML loads it's libraries starting from the top of the page to the bottom correct?  What if you have an older version of a framework/library (e.g. jQuery or Bootstrap) referenced below the newer version? </p>
  
  <p><strong>How would two versions of Bootstrap referenced in HTML take precedence?</strong></p>
  
  <ol>
  <li><p>Will the <em>last</em> library loaded take precedence?</p></li>
  <li><p>Will the <em>most recent</em> JS version take precedence?</p></li>
  <li><p>Will the two JS versions load cumulatively?  </p></li>
  </ol>
  
  <p><strong>Does the same apply to other libraries such as CSS?</strong> </p>
  
  <p>Apologies if I'm getting the web terms wrong here. I'm still fairly new to web development and how the different components work together.  Thanks! </p>
  
  <ul>
  <li>Bootstrap <strong>3.0.2</strong> </li>
  <li>Bootstrap <strong>3.3.7</strong> new version</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/XBRkF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/XBRkF.png" alt="enter image description here"></a></p>