Bootstrap is the most popular project on Github. A free collection of tools for creating websites and web applications. Latest Bootstrap version (3.0.1) contains 20 powerful components. In this article, I want introducing some other bootstrap components developed by third party developers. Those projects are not affiliated with Bootstrap project, but very sleek, intuitive, like Bootstrap.
Yamm 3 – Bootstrap Mega Menu
This is Mega Menu Bootstrap component. Lightweight and pure CSS mega menu that uses the standard navbar markup and the fluid grid system classes from Bootstrap 3. Work for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
Slider component with different options: vertical or horizontal orientation, minimum and maximum values, step increment, range selector, 3 shapes for handles and touch capable.
Bootstrap Date / Time Picker, Date Ranges
Stefan Petre has been developed an awesome Datepicker bootstrap component and share it on his own blog. Datepicker component can be added to input, button or to any other element.
While developing Improvely, Dan Grossman need of a dropdown menu to choose date ranges for reports, and wanted something that would match the existing dropdown and button styles of Bootstrap: thus came about this date range picker bootstrap component.
This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates.
Bootstrap WYSIHTML5, WYSIWYG
Bootstrap Tour & Intro
There are 2 projects about this component:
Bootstrap Tour – Quick and easy way to build your product tours with Twitter Bootstrap Popovers.
Bootstrap-intro.js: If you want to show your users a guided tour of what is what on a page. Especially, for first-time users.
A simple add-on to the popular Twitter Bootstrap framework to include the use of arrows in your UI designs.
Bootstrap Tooltips style toolbar
Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.
This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.
Bootstrap Modal Extends
Extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events.
A single ModalManager is created by default on body and can be accessed through the jQuery plugin interface.
Bootstrap-Modal can be used as a replacement for Bootstrap’s Modal class or as a patch to the library.
Other Bootstrap Resources: