B

The Official Bootstrap Blog

Announcements, discussions, and more for Bootstrap.

Bootstrap now available via npm

It’s taken us awhile, but we’ve finally published Bootstrap on npm. We’ve taken over the existing bootstrap package and just published the latest release, v3.1.1. The package is managed by the twbs user, just like on GitHub. In the future, when we release new versions of Bootstrap, we’ll update npm as well.

Speaking of releases, you can expect v3.2.0 sometime later this month. Woohoo!

<3

Ratchet 2.0.2 released

Today we’re shipping Ratchet 2.0.2. This patch release is full of bug fixes, refinements to our docs, and improvements to our build tools. Check out the detailed changelog on the release page.

Download Ratchet right from GitHub or, go to the project repository.

Download Ratchet 2.0.2

For a complete list of changes, see the v2.0.2 milestone.

What’s next

We’re going to be working on the v2.1.0 release next. This will mark the first feature release for Ratchet 2. We’re really looking forward to developing more components that help you build awesome apps.

<3,

@connors & team

Ratchet 2.0.1 released

Today we’re pumped to release Ratchet 2.0.1. This release focuses on CSS bug fixes and further improvements to our docs and build tools. Be sure to check out the detailed changelog on the release page.

Download Ratchet right from GitHub or, go to the project repository.

Download Ratchet 2.0.1

For a complete list of changes, see the v2.0.1 milestone.

In other news

Since releasing Ratchet 2.0.0 we’ve reached over 7,000 stars and over 650 forks on GitHub! Thanks to all our contributors and the rest of the community for helping make this thing awesome.

<3,

@connors & team

Introducing Ratchet 2

Today we’re stoked to introduce the brand spanking new Ratchet 2.0. The mobile-only framework for building mobile apps with HTML, CSS, and JavaScript has been overhauled with new features, documentation, and a brand new home.

New home

First, you’re not crazy—Ratchet has moved! It’s now a part of the Bootstrap organization on GitHub. Ratchet 2 was lovingly crafted by @connors, a good friend to Bootstrap’s creators. Given our collaboration in person and the ideas we have for the future of both frameworks, it makes perfect sense.

New docs

Second, the Ratchet docs have a new look!

Ratchet docs

Things should seem pretty familiar, but we’ve added a bunch of new content and some key new features. Chief among them are the ability to show Ratchet on an iPhone and Android and three awesome examples to show it all off.

Ratchet examples

See them in action on your phone:

Feel free to download, remix, and extend these example apps—they’re all part of the new Ratchet docs.

Really, what’s new?

We’ve got tons of new and improved features for Ratchet. Here’s the rundown:

  • New Ratchicons! An icon font dedicated to Ratchet, with support for both iOS and Android.
  • New themes for iOS and Android! That’s right, Ratchet has a brand new base coat with optional themes for iOS and Android. Now your app can look right at home on either platform.
  • New card wrapper. Wrap any content or Ratchet component in a card for that classic inset card look.
  • CSS has been rewritten to utilize Sass, compiled via Gruntfile.
  • Docs have been overhauled to run on Jekyll.
  • Improved table views, now with support for lists featuring images and icons.
  • Updated class names for buttons, badges, and more to match the Bootstrap nomenclature.

It’s a huge release that’s been a long time coming. Head to the new Ratchet docs to check it all out in person, and be sure to view those new examples from your favorite iOS or Android phone.

Looking for Ratchet v1.x docs? No problem—we’re hosting those at http://goratchet.com/1.0.2/.

Download

Ratchet 2 is available today for download from GitHub.

Download Ratchet 2.0.0

Be sure to check out the GitHub milestone to see a more complete changelog of what’s new.

What’s next?

Just like Bootstrap releases, up next for Ratchet will be documentation improvements and bug fixes as feedback rolls in. Without commiting to a date, we also want to add support for iPad and Android tablets.

As always, if you find a bug or want to suggest a feature, just open an issue or a pull request on GitHub.

<3,

@mdo and @connors

Bootstrap 3.1.1 released

Today we’re releasing Bootstrap v3.1.1. As our first patch release for the v3.1.x release series, we’ve focused on CSS bug fixes, documentation improvements, and further refinements to our build tools. See the included changelog for more details.

Download Bootstrap

Download Bootstrap directly from GitHub:

Download Bootstrap 3.1.1

Hit the project repository or Sass repository for more options.

Bootstrap CDN

Update your CDN links to point to the v3.1.1 files:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

Full changelog

CSS

  • #11659, #12349, #12698: Always show the input above appended buttons in input groups for proper focus and disabled state borders.
  • #12025: Ensure responsive utility classes can be combined with one another.
  • #12195: Apply .btn:focused styles to .btn.active:focused for improved accessibility.
  • #12412: Refactored and renamed our internal grid mixins for generating custom number of grid columns.
  • #12433: Use negative margin on .list-inlines so we don’t override the padding-left on the first list item.
  • #12448: Use @navbar-height instead on .navbar-brand to prevent element from being shorter than navbar height. Corrects a change introduced in v3.1.0.
  • #12462: Add border-radius to tables when in panels for proper rounding with all background settings.
  • #12470: Scope large modal styles to minimum viewport width.
  • #12486: Restore full-width inputs for input groups in inline forms and navbars.
  • #12502: Remove long-deprecated :-moz-placeholder styles.
  • #12532: Scope popover arrow styles to immediate children.
  • #12552: Fixes two typos in carousel.less for the Glyphicon classes.
  • #12620, #12621: Use :extend(.img-responsive) instead of mixin in thumbnail and carousel.
  • #12625: Only remove top and bottom borders on list groups in panels if the list group is the first or last element.
  • #12629: Override the default rounded corners in iOS’s search input with -webkit-appearance: none;.
  • #12633: Properly reset borders on table cells in panels.
  • #12639: Drop the unsupported by Opera -o-user-select.
  • #12659: Add @blockquote-font-size variable for calculated text size.
  • #12673: Use @popover-arrow-width for popover offsets.
  • #12674: Update popover border colors to use computed values rather than static ones.

Sass

  • #523: Rails 3.2 compatibility
  • #518: scale mixin Sass compatibility issue
  • Updated Bower docs

JavaScript

  • #12436: Update docs, examples, and tests to use jQuery v1.11.0.

Docs

  • #12437: Note specific versions of IE where progress bar animation is supported.
  • #12439: Correct docs error about available grid resets.
  • #12477: Clarify supported versions of Internet Explorer (we do v8-11) in browser support docs.
  • #12494: Update docs to reflect modal remote change from #11933.
  • #12497: Remove manual full-width container callout now that there’s .container-fluid.
  • #12512: Improve alignment of the Dashboard example placeholder images.
  • #12519: Add Bower badge to README.
  • #12527: Clarify that dropdowns always require data-toggle="dropdown".
  • #12543, #12544, #12545, #12546: Various fixes to the v2.x to v3.x migration docs.
  • #12555: Rearrange variables to place grids and containers closer together in Customizer.
  • #12564: Distribution zip folder renamed to be more descriptive.
  • #12589: Add “Back to top” link to bottom of sidenav.
  • #12590: Add link to Korean translation.
  • #12610: Better and more consistent prefixing of docs CSS with .bs-docs-.
  • #12611: Mention limitation of one JavaScript plugin’s data attributes per element.
  • #12614: Add progress bar example with visible label.
  • #12645: Omit semicolons consistently in JS examples.
  • #12655: Upgrade holder.js to v2.3.1 so docs images are rendered properly in Internet Explorer >=9.

Examples

  • #12455: Fix typo in Dashboard example’s CSS.
  • #12512: Improve alignment of the Dashboard example’s placeholder images.
  • #12526: Add scrollbars when necessary to the Dashboard example’s sidebar.
  • #12579: Improve sticky footer examples to avoid any wrappers and improve rendering in IE8.
  • #12695: Fixed transitions on offcanvas example by adding initial left and right values.

Build tools

  • #12466: Add the examples’ CSS to the csslint task.
  • #12531: Add /docs/dist/ to the clean task.
  • #12534: Allow the bootstrap package in npm to directly expose CSS and Less files.
  • #12568: Add the examples’ CSS to the csscomb task.
  • #12581, #12583: Reorganize all Grunt tasks into one directory so that grunt runs properly in Bower installations.
  • #12605: Use license object instead of licenses array in Grunt.

For an even more complete list of changes, see the v3.1.1 milestone.

<3