This session talks about twitter bootstrap, how can we use it, and what benefit we get

1. Manish Singh
Twitter Bootstrap

2. Introduction
 What is Twitter-Bootstrap?
 Why we use it?
 How to use it?
 Conclusion

3. State of Today’s Web
Source: http://bradfrostweb.com/

4. What
http://twitter.github.com/bootstrap/

5.  A freely available design framework for
websites and web applications
 Based upon HTML5, CSS and
JavaScript
Supports all major browsers (even IE7!)
Released on GitHub in August 2011
Twitter Bootstrap

6. Created By

7. Why
Reason #1: Rich Features

8. Why
Reason #2: Popularity

9. Also IE7+ and Opera
Why
Reason #3: Browser Support

10. Why
Reason #4: Glyph Icon Set

11.  960 Grid System http://960.gs/
 Blue Print CSS http://www.blueprintcss.org/
 Golden Grid System http://goldengridsystem.com/
Why
Reason #5: Grid System

12.  Buttons:
 Tabs:
 Breadcrumb:
 Pagination:
 Alerts:
 Progress bar:
Why
Reason #6: Components

13. Why
Reason #7: JavaScript/jQuery

14. Why
Reason #8: Customization

15. Why
Reason #9: Live Mock-Ups

16. 1. Download Twitter Bootstrap file
from official website. Extract
the bootstrap files in to your
project folder and you are
ready to go
2. Fork from GitHub or you can
use Nuget Package
How

17. Examples : Grid Sysytem
How

18. Resources
http://bootswatch.com/

19. Conclusion
 Save Time
 Customizable
 The Grid Speaks
 JavaScript
 Responsiveness
 The Docs Talk!
 Competitiveness
 Integration

20. Thanks!
Questions?
 Bootstrap repository: http://github.com/twitter/bootstrap
 Bootstrap showcase: http://twitter.github.com/bootstrap