2014-09-16 13 views
5

Ho un problema con la mia barra di navigazione su bootstrap 3. Quando aggiungo un iframe nella pagina non si espande e non riesco a navigare (su schermi piccoli). Massimizzando la finestra (grandi schermi), tuttavia, mostra che la barra di navigazione è lì e tutti gli articoli sono disponibili e cliccabili.Bootstrap 3 barra di navigazione nelle pagine contenenti iframes

Senza l'iframe, tutto funziona come previsto. Qualcuno può immaginare, perché? Questo mi sembra piuttosto strano ...

Apprezzerei qualsiasi suggerimento.

Cheers :-)

Modifica: alcuni codici. Non farti confondere dalle frodi del codice Django all'interno dell'html. Stanno funzionando bene.

Edit2: Ho notato anche che ora il mio piè di pagina non viene visualizzato nella stessa pagina contenente l'iframe. commentando l'iframe e tutto funziona. Perché dovrebbe essere? Nessuno?

iframe:

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

barra di navigazione:

<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> 
+0

Domande che cercano aiuto debugging ("il motivo per cui questo codice non funziona?") Deve comprendere il comportamento desiderato, un problema specifico o di un errore e il codice più breve necessario a riprodurlo nella domanda stessa . Le domande senza una chiara affermazione di problemi non sono utili agli altri lettori. Vedi: [Come creare un esempio minimo, completo e verificabile] (http://stackoverflow.com/help/mcve). – Aibrean

+0

Grazie per il suggerimento. Ho aggiunto la sezione di codice specifica che causa il problema, che è solo un iframe. Il problema tuttavia non ha nulla a che fare con questo e riguarda la barra di navigazione del bootstrap che ho aggiunto anche alla definizione. Grazie ancora – EvilSmurf

risposta

6

ho trovato il problema.

si deve usare

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

con la dichiarazione di chiusura completa. Non è sufficiente utilizzare

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

complimenti .. !! salvata la mia giornata ... –

+0

Divertente! ma funziona! Grande @EvilSmurf –

+0

Vorrei poter votare questo 10 volte! Mi hai salvato un sacco di tempo. Grazie! –

Problemi correlati