How To Install Bootstrap

What is Bootstrap

 Bootstrap is a powerful front-end framework for faster and easier responsive web design. It includes HTML and CSS based design templates for user interface like Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel and many other.

For code and more details visit my site 

Getting Started with Bootstrap

Hi , before getting started with bootstrap designer need very basic knoledge on html ,css and javascript/jquery. Please install any code editor on your computer.

Downloading the Bootstrap Files

There are two versions available for download, compiled Bootstrap and Bootstrap source files. You can download Bootstrap files from http://getbootstrap.com/getting-started/.

Compiled download contain compiled and minified version of CSS and JavaScript files as well as icons in font format for faster and easier web development, while the source contain original source files for all CSS and JavaScript, along with a local copy of the docs.

File Structure of Bootstrap

Unzip the compressed downloaded compiled Bootstrap folder to see the structure. You’ll find the following file structure.

bootstrap/
|—— css/
|   |—— bootstrap.css
|   |—— bootstrap.min.css
|   |—— bootstrap-theme.css
|   |—— bootstrap-theme.min.css
|—— js/
|   |—— bootstrap.js
|   |—— bootstrap.min.js
|—— fonts/
|   |—— glyphicons-halflings-regular.eot
|   |—— glyphicons-halflings-regular.svg
|   |—— glyphicons-halflings-regular.ttf
|   |—— glyphicons-halflings-regular.woff

Now Making the first template with bootstrap

Please place the unzip folder inside your theme folder and create an index.html file and make a basic html structure. Now create link for the css and js and save


For code and more details visit my site 

Thanks for reading