I am using Twitter Bootstrap on two project, one is a static HTML website and other is a Rails application. When I test the website on desktop browser,resize works. But when I test it on mobile [Nokia E72], it just does not fit the width. Interesting thing is when I test the bootstrap homepage (http://twitter.github.com/bootstrap/) - it also has same problem.. Is this only me? I searched on stackoverflow and Google and everyone else seems to pretty happy with Bootstrap on their mobiles.
I have also tested alternative framework: Foundation - which seems to work better and there is at least no horizontal scroll.
Update: This seems to be a problem on my nokia E72.
Twitter's bootstrap only supports desktop browsers it seems.
https://github.com/twitter/bootstrap/wiki/Browser-Compatibility
Ok, I just found out there's something you need to add for android resizing:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
From http://twitter.github.com/bootstrap/scaffolding.html#responsive
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With