Bootstrap 3, the popular HTML5 front-end design framework (and top-starred project on GitHub), has finally been released—and what a release it is! With tons of new features and a revised API, there’s much to enjoy. Here are some of the new features and things to keep in mind when working with Bootstrap 3.
Mobile-first and fully responsive
The Bootstrap 3 framework has been entirely rewritten to follow mobile-first design principles, so you can more easily build responsive web experiences that adapt gracefully from smaller to larger screens.
A new layout grid
Previous versions of Bootstrap featured a simplistic grid system for layout, but designers now get full control of the CSS layout grid in Bootstrap 3. There are four new grid sizes to support phones, tablets, desktops, and large desktops—incredibly useful for laying out pages or thumbnail galleries. You can also now change the source ordering of your page elements, to better optimize your layouts.
A new way of working
A built-in icon font
The previous releases of Bootstrap included icons in the form of image sprites, but Bootstrap 3 ships with an icon font and 40 glyphs that you can use in your site designs.
Bootstrap’s first theme
Bootstrap has gone to a flat design in version 3, but also includes an optional visual theme similar to the previous design, should you miss the look and feel of Bootstrap 2.x.
The excitement around Bootstrap 3 is just beginning!
Be sure to watch our Bootstrap courses at lynda.com, and keep a close eye on the Bootstrap project, because they’re already planning version 3.1, with many more great features on the way. Enjoy!
• All Jen Kramer’s courses on lynda.com
• All Bootstrap courses on lynda.com