title: Adding bootstrap in HTML
body: <p>I'm going to use <a href="http://getbootstrap.com/" rel="nofollow">bootstrap</a> to build up my front end. Also I'm using JSP and JSTL</p>
  
  <p>What I've read in some articles over the internet is the proper approach of adding an external javascript file should be written before the body closing tag for more optimization of the page. Now I'm trying to apply this with the bootstrap, what i did is put the <code>css</code> of the bootstrap to an external html file:</p>
  
  <p><b>import_header.html:</b></p>
  
  <pre><code>&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;link rel="stylesheet" type="text/css" href="bootstrap-css/bootstrap.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="bootstrap-css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="bootstrap-css/bootstrap-responsive.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="bootstrap-css/bootstrap-responsive.min.css"&gt;
  </code></pre>
  
  <p>which I imported to the head of the html like this:</p>
  
  <pre><code>&lt;jsp:include page="import_header.html" flush="true" /&gt;
  </code></pre>
  
  <p>Now I want to do the same thing with the <code>js</code> file of the of the bootstrap and the <code>jQuery</code> lib but I don't know what is the proper way of doing this.</p>