This is a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets.
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. I welcome any and all feedback as I'd very much like this theme to be as solid as possible.
All modern browsers are targeted by this theme with 'lo-res' experiences (i.e no gradients, border-radius etc.) provided for users using older browsers. There are some minor known issues lingering that I'm working on, but the hope is that in time those will all get ironed out.
This theme targets jQuery UI 1.8.16 and the default version of jQuery included in the (current) jQuery UI builds (jQuery 1.6.2). I'm aware of jQuery 1.7.1 and intend on upgrading anything necessary in the theme to use it when the jQuery UI team officially include it in their theme packs.
LESS version added into the "jquery-ui-bootstrap/css/less" folder, compile the "style.less" "style.less" makes it easier to change the "bootstrap.less" and "jquery-ui-bootstrap" Broke down the jquery ui bootstrap LESS files
in css/less2 contains the less files for bootstrap 2.0 variables.less contains all the extra colours for jQuery UI Bootstrap Try the demo "index-less2.html" still work in progress