Skip to content

Latest commit

 

History

History
39 lines (24 loc) · 2.27 KB

README.md

File metadata and controls

39 lines (24 loc) · 2.27 KB
Raw

#jQuery UI Bootstrap

##Summary

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.

##Browser-support

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.

##jQuery UI support

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.

##Demo

For a live preview of the theme, see http://addyosmani.github.com/jquery-ui-bootstrap. A blog post with some more details about the project is also available.

##LESS

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

Bootstrap 2.0

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