繁体   English   中英

Navbar没有显示在bootstrap django中

[英]Navbar is not showing in bootstrap django

我正在将现有项目的前端代码复制到django。 当我在django中打开项目的index.html时,导航栏没有显示。 但是,在调整大小后,我将获得导航栏。 导航条形码是:

<div id="decorative2">
    <div class="container">

        <div class="divPanel topArea notop nobottom">
            <div class="row-fluid">
                <div class="span12">

                    <div id="divLogo" class="pull-left">
                        <a href="index.html" id="divSiteTitle">Jamia Alumni USA</a><br />
                        <a href="index.html" id="divTagLine">Scholarship Portal</a>
                    </div>

                    <div id="divMenuRight" class="pull-right">
                    <div class="navbar">
                        <button type="button" class="btn btn-navbar-highlight btn-large btn-primary" data-toggle="collapse" data-target=".nav-collapse">
                            NAVIGATION <span class="icon-chevron-down icon-white"></span>
                        </button>
                        <div class="nav-collapse collapse">
                            <ul class="nav nav-pills ddmenu">
                                <li class="dropdown active"><a href="index.html">Home</a></li>
                                <li class="dropdown"><a href="apply.html">Apply</a></li>
                            </ul>
                        </div>
                    </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>

我检查了所有静态文件,一切看起来都很好。 但是,导航栏没有显示。 我很惊讶,从低屏幕大小到高屏幕的调整大小,导航条出现了。 请帮忙解决这个问题。

当你在问题的评论部分找到它时, <div class="nav-collapse">你应该放弃它。 或至少设置一些其他东西重新折叠。 你说它正确调整大小,在我看来bootstrap.css正在工作。 您可能没有将jQuery.js和boostrap.js添加到您的页面。 这也可能是一个问题。 检查是否添加了它们。 我建议你阅读这些页面

有关的jquery.js的更多信息请点击这里有关boostrap.js更多信息, 请点击这里

它会节省您查询这些网站的时间,这里是代码;

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

这可能仅仅是因为CMS工具栏与导航栏重叠。

要显示导航栏,您可以从CMS管理员退出,也可以在模板中禁用标记{% cms_toolbar %}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM