2014-09-16 24 views
5

Bootstrap 3 üzerinde navbar ile ilgili bir sorunum var. Sayfada bir iframe eklerken genişlemeyecek ve gezinemiyorum (küçük ekranlarda). Pencereyi (büyük ekranlar) maksimize etmek, navbarın orada olduğunu ve tüm öğelerin kullanılabilir ve tıklanabilir olduğunu gösterir.Bootstrap 3 navbar iframe içeren sayfalarda

iframe olmadan, her şey beklendiği gibi çalışır. Herkes hayal edebiliyor, neden? Bu bana oldukça garip geliyor ...

Herhangi bir işaretçiyi takdir ediyorum.

Şerefe :-)

Düzeltme: Bazı kodlar. Html içindeki django kod fragmanlarıyla karıştırmayın. İyi çalışıyorlar.

Düzenleme2: Ayrıca altbilginin iframe içeren aynı sayfada görünmediğini de fark ettim. iframe ve her şey işe yarayacak. Bu neden olsun ki? Hiç kimse?

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

Sorular kullanmak için yeterli değil . Açık bir problem bildirimi olmayan sorular diğer okurlar için yararlı değildir. Bakınız: [Minimal, Tam ve Doğrulanabilir bir örnek nasıl oluşturulur] (http://stackoverflow.com/help/mcve). – Aibrean

+0

Öneriniz için teşekkür ederiz. Soruna neden olan belirli kod bölümünü ekledim, bu sadece bir iframe. Bununla birlikte meselenin bununla bir ilgisi yok ve benim de eklediğim tanımdaki bootstrap navrasını ilgilendiriyor. Tekrar teşekkürler – EvilSmurf

cevap

6

Sorunu buldum.

biri tam kapanma ifadesiyle

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

kullanmak zorundadır. Söz kendisi bunu çoğaltmak için gerekli istenilen davranışı, belirli bir sorunu veya hata ve en kısa kodu içermelidir ayıklama yardım ("neden bu kod çalışmıyor?") Arayan

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

kudos .. !! günümü kurtardı ... –

+0

Komik! ama işe yarıyor! Harika bir @EvilSmurf –

+0

Keşke bu 10 kez oy kullanabilseydim! Beni çok zaman kurtardın. Teşekkürler! –

İlgili konular