Bootstrap Tutorial - Introduction

Bootstrap was developed by Mark Otto and Jacob Thornton on August 2011. Bootstrap is a front end framework built using HTML, CSS and JavaScript, for building for responsive web sites. It is faster and easier to use and sometimes a little tricky. It is called as a mobile first framework. It is an open source framework.

Installing Bootstrap:
Installing bootstrap is very simple. Download the code from the official website getbootstrap.com and follow the instructions or use the bootstrap CDN.

The code that needs to be added to the bootstrap installation will be as bellow

<!-- minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- bootstrap javascript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

NOTE:
- The links used above depend on the version of bootstrap that is being used.
- Using Bootstraps MaxCDN leads to faster load time. Click here for detailed explanation on CDN.

Advantages of Bootstrap:
- Simple and easy to use.
- Comes with a responsive code.
- Mobile first approach.
- Compatible with all the modern browsers.
- Open source.
Arun View blog Mostlikers Webpage Development and Coding Blog · Post Bootstrap Tutorial - Introduction Update Revert to draft Preview Close ComposeHTML Link

Bootstrap was developed by Mark Otto and Jacob Thornton on August 2011. Bootstrap is a front end framework built using HTML, CSS and JavaScript, for building for responsive web sites. It is faster and easier to use and sometimes a little tricky. It is called as a mobile first framework. It is an open source framework.

Installing Bootstrap:
Installing bootstrap is very simple. Download the code from the official website getbootstrap.com and follow the instructions or use the bootstrap CDN.

The code that needs to be added to the bootstrap installation will be as bellow

<!-- minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- bootstrap javascript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

NOTE:
- The links used above depend on the version of bootstrap that is being used.
- Using Bootstraps MaxCDN leads to faster load time. Click here for detailed explanation on CDN.

Advantages of Bootstrap:
- Simple and easy to use.
- Comes with a responsive code.
- Mobile first approach.
- Compatible with all the modern browsers.
- Open source.
Post settings Labels Bootstrap, Tutorials Published on 28/12/2015 12:20 Pacific Standard Time Links Location Search Description Options Send feedback