BootStrap 3 Environment Setup

Bootstrap is one of the most used CSS framework for delivering responsive websites. Their ease of use, minimal space it acquires and performance with outcome is just impeccable. Here we are going to setup the Bootstrap framework for making websites.

Prerequisite for BootStrap 3

Bootstrap is mainly front-end CSS framework with JavaScript modifications. But before you begin start learning this interesting front end architecture you should have basic understanding of using HTML tags and CSS. As the whole structure of Bootstrap is based on managing web layouts using these two web technologies correctly.

How to start using Bootstrap?

First of all you can download the latest version for Bootstrap from here (Download Bootstrap). Now you will be see three options for using Bootstrap with one as minified CSS & JS, Second one as LESS with some set up, third one with SASS based projects. We will go through them one by one. You can also use CDN support for Bootstrap as well.

Basic Folder Structure

Once you download and you extract the files from the zip than the Folder structure looks like this.

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
│   └── npm.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

These includes all the CSS, Font and JS files in order so you can use them by including these files in the order of the requirements. In the next posts we will start with Bootstrap Grid System.