Twitter bootstrap 101

63,443 views

Published on

Introduction to Twitter Bootstrap from http://www.twitterbootstraptutorial.com

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
63,443
On SlideShare
0
From Embeds
0
Number of Embeds
52,835
Actions
Shares
0
Downloads
116
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Twitter bootstrap 101

  1. 1. http://www.twitterbootstraptutorial.com
  2. 2. Twitter Bootstrap Twitter Bootstrap is a designFramework freely available to develop websites and Web application It uses HTML CSS and JavaScript
  3. 3. HistoryBootstrap was developed by Twitter’s Mark Otto and Jacob Thornton It was released as open source in August 2011 on GitHub
  4. 4. Why Use it? PopularIt is one the most popular projects on GitHub• 7,000+ watchers• 2,000+ forks• 400,000+ page views• 250+ issues closed
  5. 5. Why Use it? Browser SupportWorks on all Popular Browsers Also IE and Opera
  6. 6. Why Use it? Glyph Icon set
  7. 7. Why Use it? Easy to Get Started
  8. 8. Why Use it? Awesome Documentation
  9. 9. Why Use it? Made for everyone. Responsive CSS adjusts to Desktops, Tablets & Mobile
  10. 10. How to Get Started1. Download Bootstrap and inline text editor2. Install text editor3. Extract the bootstrap files in to your project folder4. Download example html file and save it as index.html in the project folder
  11. 11. 1. Downloadhttp://twitter.github.com/bootstrap/index.htmlhttp://notepad-plus-plus.org/download/v6.2.2.html
  12. 12. 2. Install Text Editor
  13. 13. 3. Extract BootStrapBootstrap File Structure
  14. 14. 4. Download ExamplesExamples can be found on GitHubhttps://github.com/twitter/bootstrap/tree/master/docs/examples
  15. 15. Signup Now Signup now to get free tutorialshttp://www.twitterbootstraptutorial.com/signup/

×