Including Bootstrap in your HTML file

Download Bootstrap from the official website http://getbootstrap.com/ and include it in your HTML file with little or no customization.

Click on the Download Bootstrap button and the file will be downloaded in the ZIP format. The ZIP files contain the Bootstrap CSS, JavaScript, and font files as shown in the following directory structure:

bootstrap
|____css
| |____bootstrap.css
| |____bootstrap.min.css
| |____bootstrap.css.map
| |____bootstrap-theme.css
| |____bootstrap-theme.min.css
| |____bootstrap-theme.css.map
|____fonts
| |____glyphiconshalflings-regular.eot
| |____glyphiconshalflings-regular.svg
| |____glyphiconshalflings-regular.ttf
| |____glyphiconshalflings-regular.woff
|____js
| |____bootstrap.js
| |____bootstrap.min.js

You need to extract the Bootstrap .zip file and copy the contents to your project folder. The next step is to include the CSS and JavaScript files in your HTML file.

Let's take a look at how the file structure should be if...