[英]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.