jQuery UI Bootstrap: A Bootstrap-Themed Kickstart for jQuery UI Widgets

Boostrap Thumb

Bootstrap is awesome for web development and the popularity surrounding it is putting out some great tools and resources.

I’ve stumbled upon another and would love to share it with you. jQuery UI Bootstrap is a slick solution for kickstarting jQuery UI widgets with a Bootstrap theme.

It’s got all kinds of goodies!

jQuery UI Boostrap

With jQuery UI Bootstrap you’ll be able to use Boostrap-themed widgets and use most of Boostrap side-by-side without components breaking.

From the jQuery UI Boostrap GitHub summary:

Twitter’s Bootstrap was one of my favorite projects to come out of 2011, but having used it regularly it left me wanting two things:

  • The ability to work side-by-side with jQuery UI (something which caused a number of widgets to break visually)
  • 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.

To clarify, this project doesn’t aim or intend to replace Twitter Bootstrap. It merely provides a jQuery UI-compatible theme inspired by Bootstrap’s design. It also provides a version of Bootstrap CSS with a few (minor) sections commented out which enable the theme to work along-side it.

Learn more, download, fork it on GitHub and check out the demos.

7 SHARES

Eric Dye

I am an entrepreneur and human rights advocate. I spend most of my time as writer and editor for ChurchMag and Finding Justice, but you can also find me working on Live Theme and for the International Human Rights Group. All while enjoying my family and sipping espresso in Italy.

Trackbacks

What would you like to say?

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>