Web site responsivo reduzido para largura total em dispositivos móveis

Estou testando a capacidade de resposta do Bootstrap e tenho um site de demonstração . Quando eu redimensiono o navegador em uma área de trabalho, tudo funciona bem, incluindo a barra de navegação que se torna um menu reduzível com um pequeno ícone no topo que eu posso clicar para ver mais botões de menu.

Mas quando eu tentei de um navegador móvel (eu tentei no navegador Chrome e Internet em um Android), eu não vi o design responsivo. Eu só podia ver uma versão muito pequena do desktop como o website.

Alguém poderia apontar o que estou fazendo errado?

Adicione isto à sua cabeça HTML.

 

Isso informa aos navegadores de dispositivos menores como dimensionar a página. Você pode ler mais sobre isso aqui: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

como sugerido aqui http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/

  

seria uma escolha ainda melhor, pois faz com que o retrato para a paisagem e a experiência do usuário sejam muito mais agradáveis, já que o / height adotaria naturalmente devido ao possível autoescalonamento.