CODEWITHSUNDEEP
twitter-bootstrap
sharataka
sharataka

Reputation: 5132

Why isn't bootstrap responsive on my phone?

I created a simple site using bootstrap. I'm finding that when I decrease the width of the browser on my computer, it seems responsive (the width of the text box decreases, for example).

However when I open this url on my phone, it is a zoomed out version of the page. Any ideas on how to fix this?

http://warm-oasis-9302.herokuapp.com/decks/new

Upvotes: 2

Views: 654

Answers (2)

Adrift
Adrift

Reputation: 59859

Add the viewport meta tag within your <head>:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Upvotes: 4

BetaBlaze
BetaBlaze

Reputation: 177

As per Bootstrap docs, your site is NOT responsive until it contains this in the <head> tags:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Upvotes: 7

Related Questions