07 May 2013

Twitter bootstrap


What is twitter bootstrap?

As you can see from the taglines: - Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Wow! It explained!

Ok, let’s have some details description if it doesn’t. Twitter Bootstrap is a toolkit/framework to develop web apps and sites in faster way, as it includes basic CSS and HTML for creating Typography, Tables, Forms, Navigation, Alerts and lot more. It includes scaffolding section which including responsive 12-column grids, layouts, and component. It is includes 13 custom jQuery plugins. That is the reason why it becomes so popular nowadays.

Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.

After all the craps, how to kick start using this powerful framework?
Go to http://twitter.github.io/bootstrap/ and click on Download Bootstrap button, and you will get a bootstraps.zip file in your Downloads folder.  Double clicks on it and you will see a folder in this zip file.



File structure: -
bootstrap/
  ├── css/
     ├── bootstrap.css
     ├── bootstrap.min.css
  ├── js/
     ├── bootstrap.js
     ├── bootstrap.min.js
  └── img/
      ├── glyphicons-halflings.png
      └── glyphicons-halflings-white.png

Extract it into your development folder and start using it as your front-end framework.

I can say you have to go through the example and some tutorial to get yourself familiar with this framework, happy coding everyone! 

0 comments:

Post a Comment