DZone
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
Refcards Trend Reports Events Over 2 million developers have joined DZone. Join Today! Thanks for visiting DZone today,
Edit Profile Manage Email Subscriptions Moderation Admin Console How to Post to DZone Article Submission Guidelines
View Profile
Sign Out
Refcards
Trend Reports
Events
Zones
Culture and Methodologies Agile Career Development Methodologies Team Management
Data Engineering AI/ML Big Data Data Databases IoT
Software Design and Architecture Cloud Architecture Containers Integration Microservices Performance Security
Coding Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
Partner Zones AWS Cloud
by AWS Developer Relations
Culture and Methodologies
Agile Career Development Methodologies Team Management
Data Engineering
AI/ML Big Data Data Databases IoT
Software Design and Architecture
Cloud Architecture Containers Integration Microservices Performance Security
Coding
Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance
Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
Partner Zones
AWS Cloud
by AWS Developer Relations
The Latest "Software Integration: The Intersection of APIs, Microservices, and Cloud-Based Systems" Trend Report
Get the report
  1. DZone
  2. Coding
  3. Frameworks
  4. 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 · Interview
Like (0)
Save
Tweet
Share
8.04K 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

  • Specification by Example Is Not a Test Framework
  • Microservices 101: Transactional Outbox and Inbox
  • Journey to Event Driven, Part 1: Why Event-First Programming Changes Everything
  • Create a CLI Chatbot With the ChatGPT API and Node.js

Comments

Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • 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: