DZone
Web Dev Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Web Dev Zone > jQuery Bootstrap 0.2 Brings 'Beauty' to Widgets

jQuery Bootstrap 0.2 Brings 'Beauty' to Widgets

Chris Smith user avatar by
Chris Smith
·
Jan. 18, 12 · Web Dev Zone · Interview
Like (0)
Save
Tweet
7.89K Views

Join the DZone community and get the full member experience.

Join For Free

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)
  • 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.
-- Addy Osmani


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.
Bootstrap (front-end framework) JQuery UI

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Top ALM Tools and Solutions Providers
  • SQL GROUP BY and Functional Dependencies: a Very Useful Feature
  • Understanding Kubernetes Resource Types
  • How to Build a Simple CLI With Oclif

Comments

Web Dev Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo