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
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.