The Bootstrap Blog

News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons.

Help test Bootstrap 2.1

@mdo August 13, 2012

We’re stoked to release Bootstrap 2.1 next week Monday at our first birthday party, but to make it a great release, we need your help testing it out.

While 2.0.4 was a smaller release, 2.1 is a much larger effort that closes nearly 100 issues and adds a handful of great features. You can see the full list of changes changes in 2.1 thus far by browsing the milestone on GitHub.

What’s included

At a broad level, we’ve got overhauled docs. They’re drastically streamlined, redesigned, and better than ever. They even include a new page for getting started with an overview of the framework. New framework features include submenu support on dropdowns, block level buttons, and the affix plugin. We’ve made many other key changes, so be sure to check it out.

We’ll have a more complete list of changes with our release next week.

How to help

Just like last time, we’re pushing out a release candidate of the 2.1 code and docs. Here’s how you can help us out:

  • Checkout the 2.1.0-wip branch, or browse the release candidate docs so you can easily load it up on devices and such for testing.
  • Load up the new docs in your favorite, or your least favorite, browser or device and start testing.
  • Open a new issue on GitHub to report bugs. Please include as much context and information as possible. If it’s a visual bug, please include a screenshot. If it pertains to JavaScript, consider including a jsfiddle or jsbin.

If you’re submitting a pull request against 2.1-wip, be sure to read the Contributing to Bootstrap wiki page first.

Now powered by Jekyll and GitHub Pages

@mdo August 11, 2012

Sorry about the database connection issues some of you may have seen in the last 24 hours. We’ve moved off WordPress for our blog and are now using GitHub pages and Jekyll. Jekyll is an amazingly lightweight and simple site generator from Tom Preston-Werner, cofounder of GitHub. Here’s why:

  • Instead of a database, we have flat Markdown files.
  • Instead of hosting code on servers from Media Temple or another hosting provider, everything is on GitHub.
  • The posting process is as simple as writing a post and pushing the gh-pages branch.

It’s simple, fast, and pain free. We love it and encourage you to check it out in the future. Stay tuned in the next two weeks or so for more information on our next release. Until then, enjoy the updated blog.

Bootstrap 2.0.4 released

@mdo June 01, 2012

Following up on the large 2.0.3 release a few weeks ago, we have a fresh update to address some documentation issues and basic CSS bugs. 2.0.4 includes around thirty closed issues and is our first version under our updated release approach (shorter, more concise releases).

As always, here’s a quick overview of some of the top changes.

Docs

  • Added type="button" to all dismiss buttons in alerts and modals to avoid a bug in which they prevent their parent’s form from properly submitting.
  • Added simple documentation to Base CSS for .lead.
  • Added new CSS test to illustrate how the navbar, static and fixed, behaves.
  • Clarified grid sizing copy to include mention of responsive variations.
  • Reformatted the LESS docs page to prevent terrible table displays at smaller grid sizes.
  • Miscellaneous typos and tweaks.

CSS

  • Refactored forms.less to make our selectors more specific for fewer overrides and less code. Instead of a generic input selector and various resets, we target each type of input like input[type="text"], input[type="password"], etc.
  • Form field state (e.g., success or error) now applies to checkbox and radio labels.
  • Removed redundant CSS on <p> for font-family, font-size, and line-height.
  • Removed redundant color declaration from the <label> element.
  • Added variables for dropdown dividers border colors.
  • legend and .form-actions share the same border-color, #e5e5e5.
  • Fixed some responsive issues with input-prepend and -append, notably with the fluid grid.
  • Added special CSS to prevent max-width: 100%; on images from messing up Google Maps rendering.
  • Scope opened dropdowns to only immediate children to avoid unintended cascade.
  • Similarly, scope floated-right dropdowns to immediate children with .pull-right > .dropdown-menu.
  • Updated .placeholder() mixin to use & operator in Less for proper output when compiling.
  • Added -ms-input-placeholder to .placeholder() mixin.
  • Added CSS3 hyphens mixin.
  • Fixed a bug in IE7/8 where certain form controls would not show text if the parent had a filter opacity set.

For a full changelog, visit the now complete 2.0.4 milestone on GitHub.

New release strategy

@mdo April 30, 2012

After three large point releases focusing on massive amounts of bugfixes and documentation changes, we’re going to change up our release strategy to push out smaller, more frequent updates.

Why?

Releases with a hundred bugfixes are difficult to test, take much longer to ship, make changelogs super long and verbose, and have a tendency to introduce additional unforeseen bugs. In hindsight, our 2.0.3 release should have been a 2.1 given its sheer scope and the time it took to ship. Going forward, we’ll try to improve the frequency of the patches to get you better code faster.

So what’s next?

At the Twitter UK Open House in London last week, we said 2.1 was our next priority. While that’s still true, we’re backing up and rethinking it’s scope. Bootstrap 2.1 may end up much narrower in focus to help us ship it earlier. We’ll still tackle all the same issues and new features we originally planned for, but across more releases. In addition, 2.1 might not be our very next release as some of those unforeseen bugs have already cropped up.

tl;dr

To keep up with the community and improve code quality, we’ll be shipping more releases more frequently.


Questions? Mention us on Twitter.

Talking about Bootstrap

@mdo April 27, 2012

There is a thread on the mailing list about how to describe Bootstrap and instead of isolating our response to just one email, I’ll just blog about it. As it stands, some folks are unsure how to describe Bootstrap to those unfamiliar with it. So here it is, straight from the official horse’s mouth.

Name

Casually, it’s just Bootstrap. That’s noun and verb, for those wondering—Bootstrap the project and “to Bootstrap a project”, respectively. Formally, we call it Twitter Bootstrap, a change that came with v2.0.0. Previously we called it “Bootstrap, from Twitter” to emphasize the project over our employer, but it just became too verbose and awkward to say.

Related, the shorthand abbreviation we use is BS—not TB, TBS, or TwBs. I don’t know why, but this feels better than TB since that’s the name of an infectious disease and all that.

Description

We worked at this for a good bit before setting on our current tagline, “Simple and flexible HTML, CSS, and JavaScript for popular user interface components and interactions.” Previously, it was much more descriptive to the framework’s contents, and thus quite long and wordy. We wanted to convey the technical details properly heading into 2.0.0 (when we changed the tagline), but without the bulk. Instead, we focus on the roles Bootstrap can assist folks with: HTML, CSS, and JavaScript. Any other description is fine, but I wanted to share some insight into the official tagline just for context.

Framework

Another focal point in the email thread was the question of referring to Bootstrap as a framework. That’s accurate enough for sure, but also somewhat limiting depending on how you want to use it. Holistically, Bootstrap certainly is a framework (or toolkit or whatever) for prototyping and building production ready stuff on the web. That said, on an individual component level, Bootstrap is a tool for performing common web development tasks faster and easier.


So there you have it, a quick low-down on how we’re thinking and talking about Bootstrap. When it comes right down to it, Bootstrap is whatever you want to make of it, so dive in and see where it can help you out the most.