Bootstrap 2.0.2 releasedMarch 12, 2012
A new version of Bootstrap is out today with a ton of bug fixes (over 100 closed issues), documentation improvements, and a few new features. Here’s a curated list with some details where appropriate. Download the latest from the Bootstrap docs.
Before we begin, I want to note that you’ll have to upgrade to the LESS 1.3 to compile 2.0.2. For those using LESS.js, download the latest. For those using LESS via npm, run this in your Terminal to update:
sudo npm install less -g
And you should be good to go. Not downloading the latest or running the update means you’ll see LESS spit out some nasty errors and it won’t compile.
Now, let’s check out what’s new.
- All docs pages now have distinct titles, such as Scaffolding · Twitter Bootstrap.
- Updated the Apple touch icons (now black on black instead of the blue grid) and fixed the links to them in the docs.
- Added new global styles docs section to the Scaffolding page.
- Required use of HTML5 doctype
- Overview of global typographic and links details
- Mention of our embedded CSS reset via Normalize.css
- Added version number to the download button on the docs homepage.
- Updated progress bars section to simplify how the classes stack and more clearly indicate the available optional classes and styles.
- Added a new example, SoundReady.fm, to the homepage
- Added various sizes to the docs for button groups
- Removed all IE7 hacks and floats from
.input-append, however, this requires you to ensure there is no whitespace in your code between
.input-append, added ability to use add-ons on both sides when you chain the selectors.
- Updated lingering
- Fixed issue with content being cut off in
.tab-contentfor tabbable sections.
.navbar .containerto use
width: auto;to start and then reset the fixed widths via the
#gridSystemmixin (it’s a little dirty, but required to avoid adding another class).
- Modal footer buttons are now aligned by their parent via
text-align: right;instead of
float: righton the button level. This was changed to allow the use of
.pull-rightto align buttons easily. Double check your button order with this change!
- Fixed problem where default striped progress bar was green instead of blue.
- Fixed CSS selector used for
textareagrid sizes to properly apply the CSS (was
input > .span*and now is
- Horizontal dividers support added to nav lists
- Added basic version of badges
- Added visible/hidden classes for devices
- Added support for buttons in input-prepend/append component
- Added .navbar-fixed-bottom support
- Added .dropup support for dropdown menus to pop them upward instead of downward (this is automatically done for the newly added fixed bottom navbar).
- Added mixin for new image replacement technique
- Added pause on hover for the carousel
- Added tons of new variables for typography, buttons, forms, dropdowns, navbar, and more for the LESS pros out there. These variables have also been reflected on the Customize page.
- Added new horizontal description list variation
.disabledclass support to the pager component (also added a mention of this to the docs)
.well-smallclasses for extending the well component
While not a bug fix or a docs update, I wanted to specially call out this responsive CSS change. We have moved the padding from
.container within the <767px layout to
body. This ensures a bit more control over containers, rows, and more when setting background colors and such.
New grid mixins
Last, but not least, Jacob has rewritten the grid system mixins to utilize some new features in LESS 1.3. Nothing changes for the compiled CSS, but the LESS we use to generate that code is more succinct and can now fully utilize any number of grid columns when you customize.
For a full issue-by-issue rundown of the release, check out the now closed 2.0.2 milestone on GitHub.