<script src="jquery.js"> </script>
<script src="//code.jquery.com/jquery-1.11.3.min.js"> </script>
Bootstrap is one of the most popular responsive front end development framework built on HTML, CSS and JS which helps to build mobile friendly web projects. With a single code base, Bootstrap easily and efficiently scales websites and web applications which ranges from small smart phones to tablets to desktops with the use of CSS media queries. It comes with precompiled CSS, but its source code utilizes the two most popular CSS preprocessors, Less and Sass. Like Jquery and other JS frameworks, you can configure Bootstrap in two ways, however in Bootstrap you have to include both CSS and JSS files.Method 1
<link rel="stylesheet" src="bootstrap.min.css" < />
<link rel="stylesheet" ref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<script src="bootstrap.min.js"> </script>
Include CSS file on header section before your stylesheet and JS files before body tag ends and include Bootstrap.min.js file after JQuery library.
Font Awesome Font Awesome is free iconic and CSS toolkit which provides scalable vector icons, which means icons will not lose any quality even they are used in different devices. And, the most beauty part of CSS is they are compatible to all most all frameworks and also compatible to screen readers, even though it was originally developed for Bootstrap.Go to Font Awesome link, download, unzip and find the minimized version inside CSS file, if you are using for production purpose. For development purpose, you can non-minimized version, and write src code in header of html file. You can also use BootstrapCDN.
<link type="text/stylesheet" src="css/font-awesome.min.css" />
Check the latest version from Font Awesome Getting Started page .
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>