jQuery Bootstrap 0.2 Brings 'Beauty' to Widgets
jQuery Bootstrap 0.2 Brings 'Beauty' to Widgets
Join the DZone community and get the full member experience.
Join For FreeLearn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.
Addy Osmani has been a big fan of the Twitter Bootstrap since its release in 2011, and ended up using it as a base for a number of projects.
Today, he is happy to announce the release of jQuery UI Bootstrap 0.2, something he developed while working on a recent project for AOL. While trying to develop new user-interfaces, Osmani wondered if there was a way he could harness the power of the Twitter Bootstrap to create jQuery widgets.
For Osmani, there were two things missing from Twitter's Bootstrap:
- The ability to work side-by-side with jQuery UI (something which caused a number of widgets to break visually)
-- Addy Osmani
- The ability to theme jQuery UI widgets using Bootstrap styles. Whilst I love jQuery UI, I (like others) find some of the current themes to look a little dated. My hope is that this theme provides a decent alternative for others that feel the same.
This Bootstrap targets jQuery 1.8.16 and is compatible with all modern browsers and even offers a 'lo-res' version for users stuck with older browsers. It provides several fixes including:
- Compatibility updates for IE8 and IE9
- Input files no longer break Twitter Bootstrap grids
- Inputs of type text/password get uniformly styled
- Fixes to the modal dialog close buttons
- Tabs now appear visually closer to those in Bootstrap
Osmani's Bootstrap also brings a wealth of new features like:
A Bootstrap-style Wijmo Menu
Supporting the Filament Group File Input plugin
Osmani also released a LESS version of the patched Bootstrap CSS files used in the theme that users have been patiently awaiting.
So what's next for this jQuery Bootstrap? Osmani is currently working to support more third-party plugins such as Tagit, jqGrid, Plupload, as well as improved support for widgets customized using the jQuery UI.
A live preview of the jQuery UI Bootstrap is online and is available for download.
What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.
Like This Article? Read More From DZone
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}