Bootstrap is one of the popular HTML/CSS framework for developing responsive websites. It is following a mobile first approach. It helps to develop websites faster with most changes going into html and we only need to write a few lines into the css. So lets get started by downloading bootstrap.
Get Bootstrap from : http://getbootstrap.com/getting-started/#download
You will find 3 variants of bootstrap to download. First one is the minified files which are production ready. Second is the original source files, basically entire code along with docs, less files, unminified js etc. The third one is the sass version of the above. Bootstrap’s css was originally written in Less and this sass version is a port of the less to sass.
What we are going to use is the first one, the minified bootstrap as we are just starting with bootstrap. This file consists all those we need. Current version as of writing this post is 3.3.5. Download those files and extract the contents to a folder and you will see a folder structure as shown here.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Getting started with Bootstrap</title>
<!-- Bootstrap core CSS and optional theme -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Your stylesheet -->
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<!-- your html goes here -->