Bootstrap 3 navbar auf Seiten mit iframes

Ich habe ein Problem mit meiner Navbar auf Bootstrap 3. Wenn ich einen iframe auf der Seite hinzufügen wird es nicht erweitern und ich kann nicht navigieren (auf kleinen Bildschirmen). Das Maximieren des Fensters (große Bildschirme) zeigt jedoch, dass die Navigationsleiste vorhanden ist und alle Elemente verfügbar und anklickbar sind.Bootstrap 3 navbar auf Seiten mit iframes

Ohne den Iframe funktioniert alles wie erwartet. Kann sich jemand vorstellen, warum? Das scheint mir ziemlich seltsam zu sein ...

Ich würde mich über Hinweise freuen.

Prost :-)

Edit: Einige Code. Lassen Sie sich nicht von den Django-Code-Fragmenten im HTML-Code verwirren. Sie funktionieren gut.

Edit2: Ich bemerkte auch jetzt meine Fußzeile wird nicht auf der gleichen Seite angezeigt, die den iframe enthält. den iframe auskommentieren und alles funktioniert. Warum sollte das sein? Niemand?

iframe:

<div class="col-md-4">                
    <iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"/>                       
</div>

navbar:

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="index.html">Camerata Serena</a> 
     </div> 

     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse navbar-ex1-collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       {% for page in page_list %} 
        {% if page.titel != 'Kasse' %} 
         <li><a href="generic_page.html?index={{ page.page_index }}">{{ page.titel }}</a></li> 
        {% endif %} 
       {% endfor %} 
       <li><a href="admin/">Intern</a></li>      
      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav>

Quelle

2014-09-16 EvilSmurf

Fragen Hilfesuch Debuggen verwendet werden („warum nicht dieser Code zu arbeiten?“) Muss das gewünschte Verhalten, um ein bestimmtes Problem oder Fehler und den kürzesten Code enthält notwendig, es in der Frage zu reproduzieren selbst . Fragen ohne eine klare Problemstellung sind für andere Leser nicht nützlich. Siehe: [Erstellen eines minimalen, vollständigen und überprüfbaren Beispiels] (http://stackoverflow.com/help/mcve). – Aibrean

Vielen Dank für Ihren Vorschlag. Ich fügte den spezifischen Codeabschnitt hinzu, der das Problem verursacht, das gerade ein iframe ist. Das Problem hat aber nichts damit zu tun und betrifft die Navbar von Bootstrap, die ich auch hinzugefügt habe. Danke nochmal – EvilSmurf

ich das Problem gefunden.

Man hat

<div class="col-md-4">                
    <iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"></iframe>                       
</div>

mit der vollständigen Abschlusserklärung zu verwenden. Es ist nicht genug

<div class="col-md-4">                
    <iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"/>                       
</div>

Quelle

2014-10-21 16:47:47 EvilSmurf

Kudos .. !! rettete meinen Tag ... –

Lustig! Aber es funktioniert! Großartig @EvilSmurf –

Ich wünschte, ich könnte dies 10-mal abstimmen! Du hast mir viel Zeit gespart. Vielen Dank! –

Bootstrap 3 navbar auf Seiten mit iframes

Antwort

Verwandte Themen