Downloading and installing Bootstrap

Downloading and installing Bootstrap
5 (100%) 1 vote

Manually

You can download Bootstrap from http://getbootstrap.com/

The archive contains 3 folders: CSS, Fonts, JS
You can upload all 3 folders on your host or you may choose which files to upload.

From CSS folder
Bootstrap.min.css file is all you need, so move it to your CSS folder.

From Fonts folder
In fonts folder you will find a copy of all the icons that can be used with Bootstrap
You can copy the entire Fonts folder into your project Fonts folder.

From JavaScript folder
The JavaScript folder holds the scripts for Bootstrap functionality.
You can use the regular or the minified version of the library.

Use the minified version, if you don’t need to modify the original code. Then upload bootstrap.min.js to your JS folder.
Upload npm.js to your JS folder as well.

Bootstrap requires JQuery to function, If you’re going to download Bootstrap, you must download jQuery as well.
You can download jQuery straight from the jQuery website.

Choose which version of jQuery you want to use

  • If you want support for Internet Explorer 6, 7, or 8 choose the 1.x versions.
  • Otherwise you can simply use the 2.x version, since it will be smaller.

or pick the easy way, using Bootstrap CDN links.

Bootstrap CDN

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>

Leave a Reply

Your email address will not be published. Required fields are marked *