Twitter Bootstrap is a freely available front-end framework for developing responsive, mobile-first websites and web applications. It contains HTML and CSS templates for common user interface components like buttons, navigation, and grids, as well as optional JavaScript extensions. Developers use Bootstrap because it speeds up development by providing pre-built templates and components, has a large user community for support, and is optimized for cross-browser compatibility including older browsers. The framework can be easily customized and integrated with other libraries and tools.

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