Question

我正在将现有项目的前端代码复制到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>

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

Answer 1

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

有关JQuery.js Click here的更多信息有关boostrap.js Click here

的更多信息

这将节省您查找这些网站的时间，这是代码;

<!-- 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>

Answer 2

这可能仅仅是由于CMS工具栏与导航栏重叠。

要显示导航栏，可以从CMS管理员注销，也可以在模板中禁用标签{% cms_toolbar %}。

Navbar没有显示在bootstrap django

2 个答案: