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

Question

您好，我正在为我的公司开发一个 django cms，但是运行遇到 IE8 中的导航栏问题。

使用：

-Python 2.7.6

-Django (1, 7, 8, 'final', 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 + Bootstrap 中使用了导航栏，该模板如下所示：

<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 模板，使其看起来像我最初拥有的模板，但没有成功。我做错了什么？

Answer 1

必须将 respond.js 添加到页面，但我认为 cms 和 django 会处理这个问题

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

Django CMS bootstrap navbar always collapsed in IE8

django

twitter-bootstrap

internet-explorer-8

django-templates

django-cms