Navbar samenvouwen werkt op browser, niet op smartphone

Wanneer ik het formaat van mijn browservenster aanpas en kleiner maak, maakt de navigatiebalk netjes een samenvouwmenu met een knop in de rechterbovenhoek. Wanneer ik dezelfde site op mijn Android-telefoon bekijk, is het menu van de navigatiebalk altijd samengevouwen en is de knop rechtsboven niet zichtbaar. Hoe kan dit worden opgelost? Bedankt!

<!DOCTYPE HTML>
<html>
<head>
  <title>My Groundhops</title>
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
   "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">

        
          
          
          
        
        My Groundhops

        <div class="nav-collapse">
            
        </div>

      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="span12">Content</div>
    </div>
  </div>
</body>
</html>
0

2 antwoord

U mist waarschijnlijk de metatag die vereist is voor het op de juiste schaal schalen van mobiele apparaten.

Plaats dit dus in het gedeelte head van uw pagina en probeer het opnieuw:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
5
toegevoegd
Nee die is er.
toegevoegd de auteur John, de bron
Markering toegevoegd in originele post
toegevoegd de auteur John, de bron
Ik heb een bestand "bootstrap_and_overrides.css.scss" en daarin staat een regel "bootinp-responsive" geïmporteerd ";" dus dat zou het bootstrap-responsieve blad moeten laden.
toegevoegd de auteur John, de bron
@John Kunt u uw markup of een link naar uw site plaatsen? Als de responsieve functie goed werkt op uw bureaublad en niet op uw mobiele apparaat dan moet deze iets specifieks zijn voor uw installatie, kan uw markup ons ook iets vertellen.
toegevoegd de auteur Andres Ilich, de bron
@John heeft net je antwoord opgemerkt, ben je ook inclusief de bootstrap-responsief blad op uw toepassing?
toegevoegd de auteur Andres Ilich, de bron

het lijkt een twitter bootstrap-probleem te zijn op operamobiel, het werkt op de standaard Android-browser. Dus mijn code lijkt in orde.

https://github.com/twitter/bootstrap/issues/3621

1
toegevoegd