Dec.17

Menu do Bootstrap não abre no Iphone. Como consertar – Atualizado

Então você resolveu usar o Bootstrap, mas descobriu que o menu no celular não abre.

Sem muitos rodeios, vamos direto ao que interessa.

O problema está nesse trecho de código do menu:

<a type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-collapse">

Explicação:
Acontece que o Safari precisa que o link do botão tenha um ‘href’ para funcionar.

Então a solução é bem simples, insira um ‘href’ com o mesmo valor do ‘data-target’ e pronto, está resolvido.

Então a solução é bem simples, insira um ‘href’ com um # e pronto, está resolvido.

O código deverá ficar assim:

<a href="#" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-collapse">

Agora seu menu voltou a funcionar e você já pode compartilhar esse post com os amigos desenvolvedores.

Compartilhe isso:
  • facebook
  • twitter
  • gplus

Sobre R.Junior

Deixe um comentário