Downloading and installing Bootstrap

5/5 - (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>

Hello there!

I hope you find this post useful!

I'm Mihai, a programmer and online marketing specialist, very passionate about everything that means online marketing, focused on eCommerce.

If you have a collaboration proposal or need helps with your projects feel free to contact me. I will always be glad to help you!

subscribe youtube

Leave a Comment

WebPedia.net