5

I've used Twitter Bootstrap framework to build my newest site. I used boostrap.responsive.css to make it work on mobile devices. But it doesn't. It seems like it doesn't see the CSS at all. When I ran it on my Android phone, it was displaying my site just like my PC. But when I resize my browser window on PC, it works great. What can be the problem? I haven't messed with bootstrap's css.

When I ran alert($(window).width());, it returned 980.

Jayram
  • 18,820
  • 6
  • 51
  • 68
Tomek Buszewski
  • 7,659
  • 14
  • 67
  • 112

2 Answers2

13

Make sure to include the meta viewport element as instructed in Bootstrap's responsive docs so the layout will scale to the device width.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Sara
  • 8,222
  • 1
  • 37
  • 52
-1

You have to call the bootstrap-responsive.css after the bootstrap.css in the order of your stylesheets.

ie bootstrap.css bootstrap-responsive.css

Ryan
  • 1