Bootstrap 3 réactive ne fonctionne pas sur mobile

Question

Je suis du test de Bootstrap 3 réactivité de la barre de navigation et j'ai un demo site web. Quand j'ai redimensionner le navigateur sur un ordinateur de bureau, tout fonctionne bien, y compris la barre de navigation qui devient réductible menu avec une petite icône dans le coin supérieur qui je peux cliquer pour voir plus de boutons de menu.

Mais quand je l'ai essayé à partir d'un navigateur mobile (j'ai essayé sur chrome et le navigateur internet (sur Android), je n'ai pas vu le responsive design. Je ne pouvais voir très petite version de bureau comme le site web.

Quelqu'un pourrait-il point de ce que je fais de mal?

Answer 1

Ajoutez ceci à votre HTML tête..

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

Cela dit les petits navigateurs de périphériques comment à l'échelle de la page. Vous pouvez en lire plus à ce sujet ici: https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Answer 2

comme suggéré ici http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/

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

il serait encore mieux de choix car elle permet de passer du mode portrait au paysage et à l'arrière un beaucoup plus agréable l'expérience utilisateur comme avec/hauteur adopter naturellement en raison de la possible mise à l'échelle automatique.