By Jen Kramer | Wednesday, August 21, 2013
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 gridPrevious 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 themeBootstrap 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!
• Get Bootstrap
• All Jen Kramer’s courses on lynda.com
• All Bootstrap courses on lynda.com
With online video courses at lynda.com, you can reach your goals faster. Learn software, improve your skills, and get an inside look at how the professionals work.
Share this article:
Tags: Jen Kramer, Web App, User Experience, Web Development, Bootstrap, Bootstrap 3
Thanks for signing up.
We’ll send you a confirmation email shortly.
Sign up and receive emails about lynda.com and our online training library:
Keep up with news, tips, and latest courses with emails from lynda.com.
We've updated our terms and conditions (now called terms of service).Go Review and accept our updated terms of service.