Is Twitter Bootstrap suitable for touch screens?

Question

I am considering using Twitter Bootstrap (TB) for a mobile web app. The next version of TB, version 3, claims to be "mobile-first". However, looking at the included Javascript files, I see almost exclusively "click" events, hardly any "touch" events used. TB relies on Jquery to handle the events. Also, there are lots of "hover" definitions in the CSS, which don't work on touch screens. Even so, I find lots of recommendations and tutorials about using TB in mobile web apps when Googling.

My question is: How well does Twitter Bootstrap work on touch screens in terms of performance (primarily with regards to speed and response time)?

Answer 1

I've been developing with Twitter Bootstrap (v2) for a range of web applications that are also used on mobile platforms. You must keep in mind that Twitter Bootstrap is not a full on solution for all design needs. It "bootstraps" your project into not having to worry about certain things.

Bootstrap v3 has promised to do more "bootstrapping" for mobile platforms, but this doesn't mean you will not have to do certain pieces of development for any platform you wish to deploy for.

In case of working with Bootstrap v2, you can easily move around certain elements with the given CSS and a custom style. It's speed is marvelous and pretty much all modern mobile devices have excellent support for @media queries that allow you to easily target specific mobile sizes. For example; I use media queries in a specific file to make all buttons take up full width for more easy access on a touch device.

As far a Bootstrap v3 goes, I'm very curious as the Release Candidate hasn't really shown me anything that really changed the way I developed for mobile, yet.

Hope this helps you out.