Sunday, July 21, 2013

Making Website Using Bootstrap

Bootstrap is an open source set of files written in CSS (or Cascading Style Sheets, a programming language used to dictate how a website or web app looks and works) that covers some of the building blocks of most web apps, such as buttons, tables and forms, page templates, app navigation and even stylistic matters such as typography and color gradients.

Downloading Bootstrap

The simple and small tools released by Twitter, The file size would be around 300-500 KB so it doesn’t matter anyway. Extract the bootstrap in a directory named bootstrap and place it inside the folder of the theme for which you wish to add the bootstrap.

Your Bootstrap folder will contain 3 folders named css, js, and img and just as the name suggests they contain CSS files, JavaScript files, and some related images. If you have downloaded the customized version of bootstrap from the link given above then you will have 2 files in the CSS folder named bootstrap.css and bootstrap.min.css but if you have downloaded from another source, make sure that the CSS folder contains bootstrap-responsive.css file as it would be necessary to create a responsive website.
Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this: