After 2 years from the release of Twitter Bootstrap, an amazing open-sourced CSS/HTML framework, Bootstrap 3 is finally released.
The biggest changes shipping with this new version are:
- New design and an optional theme! – With v3, they’ve gone flat. Don’t call it a trend-it’s all about customization, people. Since they simplified the aesthetics though, they believed it’d help to have an optional theme. To use it, check out the Bootstrap theme example.
- Mobile first and always responsive! – Nearly all items have been newly designed and rebuilt to start from your portable devices and scale up.
- Completely new Customizer! – It’s been newly designed, is now compiled in the browser instead of Heroku, has better dependency support, and even has built-in error handling. Even better, we now save your valuable customizations to an anonymous Gist for simple reuse, sharing, and modifications.
- Better box model by default. – Everything in Bootstrap get
box-sizing: border-box
, making for easier sizing options and an improved grid system. - Super-powered grid system. – With four tiers of grid classes-phones, tablets, desktop computers, and larger desktops-you are capable of doing some super crazy amazing layouts.
- Rewritten JavaScript plugins. – All events are now namespaced, no-conflict stuff works far better, and much more.
- New Glyphicons icon font! – While they were gone for some time, we’ve since restored the Glyphicons to the main repo. In 2.x, these were images, but this time they’re in font format including 40 new glyphs.
- Overhauled navbar. – It’s now always responsive and comes with some super handy and re-arrangable subcomponents.
- Modals are considerably more responsive. – They’ve redeveloped the modal code to make it far more responsive on mobile devices. They now scroll the whole viewport rather than having a max-height.
- Added some components! – New to the mix are panels and list groups.
- Removed some components! – Collapsible panels (the accordion was replaced), with collapsible panels, sub-menus, type-ahead, and a few more small items. (Worth celebrating as much as adding new ones.)
- More consistent base and sizing classes. – Buttons, tables, forms, alerts, and more have been updated to have more consistent classes for easier customizer and extensibility.
- Docs have been blown up, yo. – They’ve added a lot of new documentation, not only for our components, but also for browser support (including gotchas and bugs), license FAQs, 3rd party support (and workarounds), accessibility, plus more.
- Dropped Internet Explorer 7 and Firefox 3.6 support. – For Internet Explorer 8, you will need to include Respond.js for all the media queries to function correctly. You can read more about browser support in the docs.
[nggallery id=10]
- Source: http://getbootstrap.com/