bootstrap在IE10浏览器中显示不正常

bootstrap3做了一个简单网站，用chrome、firefox等浏览显示正常，用IE10出现页面错乱。
chrome显示的菜单栏

img


IE10显示的菜单栏

img

html的head部分代码：

<!DOCTYPE html>
<html lang="zh-cn">
{% load static %}
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" type="text/css " href="{% static 'css/bootstrap.min.css' %} " />
    <script type="text/javascript" src="{% static 'js/jquery.min.js' %} "></script>
    <script type="text/javascript" src="{% static 'js/bootstrap.min.js' %} "></script>

请问原因，如何让网页在ie10中显示正常，谢谢

你这里面是el表达式。html不会解析el表达式