Bootstrap 3 navbar sur les pages contenant des iframes

Question

J'ai un problème avec ma barre de navigation sur bootstrap 3. En ajoutant un iframe sur la page, il ne se développera pas et je ne peux pas naviguer (sur les petits écrans). Maximiser la fenêtre (grands écrans) montre cependant, que la barre de navigation est là et tous les éléments sont disponibles et cliquables.

Sans l'iframe, tout fonctionne comme prévu. Quelqu'un peut-il imaginer, pourquoi? Cela me semble plutôt étrange ...

J'apprécierais n'importe quel pointeur.

Vive :-)

Edit: Une partie du code. Ne soyez pas confus par les fragments de code django à l'intérieur du code HTML. Ils fonctionnent bien. Edit2: J'ai également remarqué que mon pied de page ne s'affiche pas sur la même page contenant l'iframe. commenter l'iframe et tout fonctionne. Pourquoi cela serait-il? Personne?

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

Je trouve la question.

On doit utiliser

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

avec la déclaration de fermeture complète. Il ne suffit pas d'utiliser

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