2014-09-16 4 views
5

युक्त पृष्ठों पर बूटस्ट्रैप 3 navbar मुझे बूटस्ट्रैप 3 पर अपने navbar के साथ कोई समस्या है। iframe पृष्ठ पर यह विस्तार नहीं करेगा और मैं नेविगेट नहीं कर सकता (छोटी स्क्रीन पर)। खिड़की को अधिकतम करना (बड़ी स्क्रीन) हालांकि दिखाता है कि navbar वहां है और सभी आइटम उपलब्ध हैं और क्लिक करने योग्य हैं।iframes

iframe के बिना, सब कुछ अपेक्षित काम करता है। क्या कोई कल्पना कर सकता है, क्यों? यह मेरे लिए अजीब लगता है ...

मैं किसी भी पॉइंटर्स की सराहना करता हूं।

चीयर्स :-)

संपादित करें: कुछ कोड। एचटीएमएल के अंदर django कोड फ्रेजमेंट्स द्वारा उलझन में मत जाओ। वे ठीक काम कर रहे हैं।

संपादित 2: मैंने यह भी देखा कि अब मेरा पाद लेख उसी पृष्ठ पर प्रदर्शित नहीं हो रहा है जिसमें आईफ्रेम है। iframe बाहर टिप्पणी और सब कुछ काम करता है। वह क्यों होगा? कोई नहीं?

आइफ्रेम:

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

नेवबार:

<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

डिबगिंग सहायता ("क्यों इस कोड काम नहीं कर रहा?") की मांग में प्रश्न पर्याप्त नहीं है । स्पष्ट समस्या कथन के बिना प्रश्न अन्य पाठकों के लिए उपयोगी नहीं हैं। देखें: [न्यूनतम, पूर्ण और सत्यापन योग्य उदाहरण कैसे बनाएं] (http://stackoverflow.com/help/mcve)। – Aibrean

+0

आपके सुझाव के लिए धन्यवाद। मैंने समस्या के कारण विशिष्ट कोड खंड जोड़ा, जो सिर्फ एक आईफ्रेम है। हालांकि इस मुद्दे के साथ ऐसा करने के लिए कुछ भी नहीं है और बूटस्ट्रैप की नेविबार से संबंधित है जो परिभाषा मैंने भी जोड़ा है। धन्यवाद फिर से – EvilSmurf

उत्तर

6

मैं इस मुद्दे पाया।

एक पूरा समापन बयान के साथ

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

उपयोग करने के लिए है। यह सवाल अपने आप में यह पुन: पेश करने वांछित व्यवहार, एक विशिष्ट समस्या या त्रुटि और कम से कम कोड आवश्यक शामिल करना चाहिए उपयोग करने के लिए

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

kudos .. !! मेरा दिन बचाया ... –

+0

मजेदार! लेकिन यह काम करता है! ग्रेट वन @EvilSmurf –

+0

मेरी इच्छा है कि मैं इसे 10 बार वोट दूंगा! आपने मुझे बहुत समय बचाया धन्यवाद! –

संबंधित मुद्दे