Pasek nawigacyjny Bootstrap 3 na stronach zawierających ramki iframes

Question

Mam problem z moim navbarem podczas ładowania początkowego 3. Podczas dodawania do strony iframe nie będzie ona rozwijana i nie będę mógł nawigować (na małych ekranach). Maksymalizacja okna (duże ekrany) pokazuje jednak, że znajduje się tam pasek nawigacyjny, a wszystkie elementy są dostępne i można je klikać.

Bez elementu iframe wszystko działa zgodnie z oczekiwaniami. Czy ktokolwiek może sobie wyobrazić, dlaczego? Wydaje mi się to dość dziwne ...

Byłbym wdzięczny za wszelkie wskazówki.

Pozdrawiam :-)

Edytuj: Some code. Nie dajcie się zwieść przez fragi kodu Django wewnątrz html. Działają dobrze.

Edycja2: Zauważyłem również, że moja stopka nie jest wyświetlana na tej samej stronie zawierającej element iframe. komentowanie elementu iframe i wszystko działa. Dlaczego miałoby to być? Nikt?

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> 

Answer 1

znalazłem problem.

Trzeba użyć

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

z pełnym oświadczeniem zamknięcia. Nie wystarczy użyć

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