Bootstrap 3 navbar trên các trang có chứa iframe

Question

Tôi gặp sự cố với thanh điều hướng của mình khi khởi động 3. Khi thêm iframe vào trang nó sẽ không mở rộng và tôi không thể điều hướng (trên màn hình nhỏ). Tuy nhiên, tối đa hóa cửa sổ (màn hình lớn) cho thấy rằng thanh điều hướng ở đó và tất cả các mục có sẵn và có thể nhấp được.

Nếu không có khung nội tuyến, mọi thứ hoạt động như mong đợi. Bất cứ ai có thể tưởng tượng, tại sao? Điều này có vẻ hơi lạ đối với tôi ...

Tôi đánh giá cao bất kỳ con trỏ nào.

Chúc mừng :-)

Chỉnh sửa: Một số mã. Đừng nhầm lẫn bởi các đoạn mã django bên trong html. Họ đang làm việc tốt.

Chỉnh sửa2: Tôi cũng nhận thấy bây giờ chân trang của tôi không hiển thị trên cùng một trang chứa iframe. nhận xét ra khung nội tuyến và mọi thứ hoạt động. Tại sao lại thế? Không một ai?

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

tôi thấy vấn đề này.

Người ta phải sử dụng

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

với tuyên bố đóng cửa hoàn toàn. Không đủ để sử dụng

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