Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A jQuery UI theme based on Twitter Bootstrap

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 bootstrap
Octocat-spinner-32 css
Octocat-spinner-32 js
Octocat-spinner-32 third-party
Octocat-spinner-32 README.md
Octocat-spinner-32 index-less.html
Octocat-spinner-32 index-less2.html
Octocat-spinner-32 index.html
README.md

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

Something went wrong with that request. Please try again.