Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter Bootstrap does not resize(well) on mobiles

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.

like image 332
Chandresh Pant Avatar asked Dec 13 '22 03:12

Chandresh Pant


1 Answers

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

like image 85
ubershmekel Avatar answered Dec 17 '22 22:12

ubershmekel