Bootstrap 3 is the third generation of the front-end framework allowing for speedier web development with an attractive look and feel. Use with the [twitter-bootstrap] tag
Presentation
Bootstrap 3
Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
Current version: Bootstrap v3.4.0
Backwards compatibility
Bootstrap 3 is not backwards compatible with v2.x. To learn about major changes, novelties and removals, please have a look on the Bootstrap migrating guide from 2.x to 3.
What's new?
- new flat design and an optional theme
- new Customizer
- better box model by default
- reviewed grid system (mobile-first, classes for phones, tablets, desktops, and large desktops)
- JavaScript plugins rewritten
- new Glyphicons icon font
- better navbar (now responsive and with subcomponents)
- better modals (for responsive websites)
- new components (panel, list-groups)
- a few components removed (accordion, submenus, typeahead)
- more consistent base and sizing classes
- better documentation
- dropped Internet Explorer 7 and Firefox 3.6 support
See all details in the Bootstrap 3 release notes.
Bootstrap for Sass
You can find a Sass-powered (official) version of Bootstrap, ready to drop right into your Sass powered applications.
See the Bootstrap for Sass Github page.
Links
Tools to test bootstrap code:
- Bootply: A Playground for Bootstrap, CSS, JavaScript and jQuery
- Bootlint: Official HTML linter for Bootstrap projects
- Bootlint Online: Online version of HTML linter for Bootstrap projects
- Yeoman generator
Reducing Payload
The default bootstrap.min.js and bootstrap.min.css files can be reduced in size by
including only the components you use.
Another option is to use tools to remove unused CSS selectors. To learn more about task runners and build automation check out Grunt.js and the Grunt unCSS plugin.
