title: Understanding the folder structure and files needed for using Bootstrap and Font-awesome
body: <p>I have a nodejs app, which include one folder in the root directory, whose layer is as follow:</p>
  
  <pre><code>/public
      /css
          /bootstrap.min.css
          /font-awesome.min.css
          /luqa.css
      /fonts
          /fontawesome-webfont.eot
          /fontawesome-webfont.svg
          /fontawesome-webfont.ttf
          /fontawesome-webfont.woff
          /fontawesome-webfont.woff2
          /fontawesome-webfont.otf
      /js
          /jquery-2.1.4.min.js
      some other picture file
  </code></pre>
  
  <p>I am a really newbie in this field. At first, I think this is about bootstrap, so I went to search about bootstrap. <a href="http://getbootstrap.com/getting-started/" rel="nofollow">http://getbootstrap.com/getting-started/</a> But after I download its code, I found only <code>bootstrap.min.css</code> is the same. Others are all different. </p>
  
  <p>I knew <code>luqa.css</code> is one self made css, to store some format used in html. </p>
  
  <p>Then I searched font-awesome and downloaded it,
  <a href="http://fontawesome.io/" rel="nofollow">http://fontawesome.io/</a>
   I found the files in <code>fonts</code> folder are all the same as well as <code>font-awesome.min.css</code> in the /css, but <code>font-awesome.css</code> is gone. Finally, I also tried the file in the /js folder, I download jquery file and there is only one file jquery-2.1.4.min.js to be same.</p>
  
  <p>I am a really newbie in this field. I really want to know why they mix three kind of thing together, and files of these three part can be mixed together. You can delete the other part, what if you may want invoke those  deleted file? What's the relationship among those three parts?</p>
  
  <p>Thanks </p>