CODEWITHSUNDEEP
twitter-bootstrapmobile
Knerd
Knerd

Reputation: 2002

twitter bootstrap for high resolution mobile displays

Twitter bootstrap is very awesome, but it is like hell when you want to give a good mobile site based on the collapse navbar part. How can I force twitter to use it and also to scale it in the right way. So it may look like facebook.

How it should look LG Optimus Black (480 x 800 pixel)

How it should look

How it looks like (Lumia 920 1280 x 768 pixel)

How it looks like

Upvotes: 1

Views: 2313

Answers (2)

cazzer
cazzer

Reputation: 1766

Try adding this to your <head>:

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

This works using Bootstrap 3.

Upvotes: 4

Knerd
Knerd

Reputation: 2002

This is my solution

@-ms-viewport {
    width: auto!important;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

Upvotes: 1

Related Questions