Django CMS bootstrap导航栏总是在IE8中折叠

你好，我正在为我的公司开发django cms，但遇到IE8导航栏的问题。Django CMS bootstrap导航栏总是在IE8中折叠

使用：

-python 2.7.6

-Django（1，7，8， '最终'，0）

-django-CMS 3.1.0

- 自举3.3.4

这里是我的模板

{% load cms_tags staticfiles sekizai_tags menu_tags %} 
<!DOCTYPE html> 
<html> 
    <head> 
    <title>{% block title %}This is my new project home page{% endblock title %}</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}"> 
    <link rel="stylesheet" href="{% static 'css/styles.css' %}"> 
    {% render_block "css" %} 
    </head> 
    <body style="padding-top:60px"> 
    {% cms_toolbar %} 
     <div class="container"> 
      <div class="navbar navbar-default" role="navigation"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-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="#">Project name</a> 
      </div> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
       {% show_menu 0 1 100 100 "menu.html" %} 
       </ul> 
       <form class="navbar-form navbar-right" role="search"> 
       <div class="form-group"> 
        <input type="text" class="form-control" placeholder="Search"> 
       </div> 
       <button type="submit" class="btn btn-default">Submit</button> 
       </form> 
      </div> 
      </div> 
     {% block content %} 
     {% endblock content %} 
     </div> 
    <script src="{% static 'js/jquery.js' %}"></script> 
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script> 
    {% render_block "js" %} 
    </body> 
</html>

问题是导航栏总是无论屏幕大小

我已经有导航栏在IE +引导工作的崩溃，该模板是像这样：

<div class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
     <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="{% url 'core:home' %}"> 
     {% load staticfiles %} 
     <img alt='Bell logo' src="{% static 'core/images/bell_logo.png' %}"> 
     </a> 
    </div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
     <li><a href="#">Liens</a></li> 
     <li><a href="#">Tools</a></li> 
     <li><a href="#">Doc</a></li> 
     <li><a href="#">Wiki</a></li> 
     <li><a href="#">Project</a></li> 
     <li><a href="#">CAB</a></li> 
     <li><a href="#">DB</a></li> 
     </ul> 
     <form class="navbar-form navbar-right" role="search"> 
     <div class="form-group"> 
      <input type="text" class="form-control" placeholder="Search"> 
     </div> 
     <button type="submit" class="btn btn-default">Submit</button> 
     </form> 

    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</div>

我试图适应我的Django CMS所以它看起来就像我原来的那个，但没有成功。我究竟做错了什么？

来源

2015-05-27 Philippe Fisher

我没有看到你包括[Respond.js（https：//开头github上。 com/scottjehl/Respond），这是[媒体查询在IE8中工作所必需的。]（http://getbootstrap.com/getting-started/#support-ie8-ie9） – cvrebert

response.js是如何解决您的问题的它不是一个.collapse与django管理员css中的同一个类相冲突？ –

只好respond.js添加到页面，但我认为CMS和Django的会照顾的是

来源

2015-05-28 12:21:23

Django CMS bootstrap导航栏总是在IE8中折叠

回答

相关问题