why bootstrap navbar scales down when in mobile

Question

I think we all know how bootstrap Navbar works, it always stays on top and changes for mobile. Well mine instead of changing for mobile, everything zooms out and gets smaller. here's a link to my website so you can see it for yourself.

here's a picture of how it looks like on mobile, anyone who ever worked with Bootstrap knows that there's something wrong. Thank you

Use media queires for optimising the style for mobile devices — XYZ, Jun 12 '17 at 18:45
You are required to post a minimal example of your markup that shows the problem here, not your web site which will change helping no one in the future. https://stackoverflow.com/help/mcve — Rob, Jun 12 '17 at 19:00

score 1 · Answer 1 · answered Jun 12 '17 at 18:41

1

You need to add this in the head of your html doc

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

Adding this will fix the problem in your case, its because you need to tell the browser the viewport of the device you're viewing on

answered Jun 12 '17 at 18:41

AzizurRahamanCA

180
4
11

score 0 · Answer 2 · answered Jun 12 '17 at 18:41

0

Add this inside your head tag

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

width=device-width this will tell the browser to adapts to your device width

You can read more about that here

answered Jun 12 '17 at 18:41

XYZ

4,370
2
13
30

score 0 · Answer 3 · edited Jun 12 '17 at 20:53

0

to solve this you must add this inside the head:

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

edited Jun 12 '17 at 20:53

Paul Roub

35,848
27
79
88

answered Jun 12 '17 at 18:45

Sebastian

51
5

why bootstrap navbar scales down when in mobile

3 Answers3