python - 导航栏未显示在 bootstrap django 中

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>