Bootstrap is a responsive, mobile-first grid framework that takes away much of the pain involved in developing for multiple devices. Unlike other frameworks, Bootstrap requires minimal learning time and comes with great documentation and third-party resources.
In this month’s featured article, ‘Getting Started with Twitter’s Bootstrap,’ we have a compilation of great resources (tutorials, screencasts, plugins, and builders) to help you get started with and make the most of Bootstrap.
A free series of 24 video lectures with simple, step-by-step tutorials that will arm you with the appropriate skills and knowledge to start building your very own responsive websites using Twitter Bootstrap 3.
A series of tutorials that will help you learn the essentials of Bootstrap—from the fundamentals to advanced topics—so that you can create webpages with much less effort.
Pingendo is a free desktop WYSIWYG application for prototyping Bootstrap pages. As with other editors, it supports the drag-and-drop of elements and components to your working page and allows you to edit some of their basic properties (CSS ID, class, alignment, and visibility on devices). It also supports live HTML/CSS editing. Pingendo is available for Windows, Mac, and Linux.
Jetstrap is a 100% web-based interface-building tool for Twitter Bootstrap. There is no software to download, just log in and build your website. It boasts a simple but extremely powerful interface with drag-and-drop functionality.
Bootstrap Plugins and Helpers
Bootstrap Form Helpers is a collection of jQuery plugins that help you build better forms with controls such as date and time pickers. The plugins can be used individually, though some of them work together, like Country and State pickers.
A simple, handy tool that allows you to generate buttons for Bootstrap. You can specify the size, type, color, and even the icon for your button.
Bootsnipp is a showcase of Bootstrap code snippets that you can use in your own projects. The site currently has more than 100 snippets in over a dozen categories, such as navigation, header, forms, and user interface.
Bootstrap Modal extends Bootstrap’s native modals to provide additional functionality. This introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening in on their events.
This is yet another megamenu for Twitter’s Bootstrap. It uses the standard navbar markup and the fluid grid system classes from Bootstrap. This works for fixed and responsive layouts and has the facility to include (almost) any Bootstrap elements.