文章/答案/技术大牛

发布

社区首页 >问答首页 >使用django-bootstrap3创建导航条切换困难

问使用django-bootstrap3创建导航条切换困难
EN

Stack Overflow用户

提问于 2014-09-22 18:10:47

回答 2查看 2K关注 0票数 0

我想使用django-bootstrap3向我的站点添加一个简单的导航条。我正在编辑的创建导航条的base.html文档与Twitter引导程序一起工作，但不适用于django-bootstrap3。问题是，我有一个按钮，应该是切换下拉不做任何事，当点击。以前有人遇到过这个问题吗？

这是我的base.html：

<!DOCTYPE html>
<html lang="en">
<head>


<meta 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 %}</title>

{% load bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript %}

<style>
    body {
        padding-top: 70px;
    }
</style>

    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>

 <!------Navbar ---------->

<header class = "navbar navbar-inverse navbar-fixed-top" role = "banner">
<div class = "container">
    <div class ="navbar-header">
        <button type = "button" class= "navbar-toggle" data-toggle = "collapse" data-target = "#dropdown">
            <span class = "sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <a href="#" class ="navbar-brand">Project Name</a>
    </div><!-- End Navbar Header-->

    <div class = "collapse navbar-collapse" id = "dropdown">

        <ul class = "nav navbar-nav navbar-right" role = "navigation">
            <li><a href="#">Home</a></li>
            <li><a href="#">New Page</a></li>
            <li><a href="#">New Page</a></li>
            <li><a href="#">New Page</a></li>
        </ul>      

    </div><!-- End Nav Contents -->
</div><!-- End Container -->
</header>

django

twitter-bootstrap

django-templates

navbar

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-09-29 22:55:27

问题是django-bootstrap3的javascript需要安装jquery (我错误地假设django-bootstrap3是自动完成的)。我一引用jquery，问题就立即解决了。

票数 4

Stack Overflow用户

发布于 2017-09-09 15:06:49

我知道这个话题已经有两年历史了，但是如果将来每个人都有同样的问题，这里的解决方案是:在模板中替换：

{% bootstrap_javascript %}

出自：

{% bootstrap_javascript jquery=1 %}

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25980518

复制

相似问题

问使用django-bootstrap3创建导航条切换困难
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用django-bootstrap3创建导航条切换困难EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用django-bootstrap3创建导航条切换困难
EN