[英]Doesn`t work navbar menu in small screen. bootstrap
有人可以解釋一下，為什么我的導航欄菜單在移動視圖或小屏幕上不起作用？ 我按“漢堡”，這一切都沒有發生。 希望有人幫助我。 您可以在實時項目http://evstek.eu5.org/contacts.html上查看此問題
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Контакты | Eugene Stek</title> <link href="includes/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="includes/bootstrap/css/myCss.css" rel="stylesheet" media="screen"> <link href="includes/bootstrap/css/contacts.css" rel="stylesheet" media="screen"> <script src="includes/bootstrap/js/bootstrap.min.js"></script> <script src="includes/jquery/jquery-1.12.1.min.js"></script> </head> <nav class="navbar navbar-default"> <div class="container"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#important-id-for-collapsing" aria-expanded="false"> <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="index.html" class="pull-left"><img class="img-responsive logo" src="includes/img/logo-png.png"></a> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="index.html">Главная</a></li> <li><a href="#">Портфолио</a></li> <li class="active"><a href="contacts.html">Контакты</a></li> </ul> </div> </div> </nav>
Bootstrap JS需要jquery，因此請先加載jquery，然后再如下所示進行Bootstrap JS
<script src="includes/jquery/jquery-1.12.1.min.js"></script>
<script src="includes/bootstrap/js/bootstrap.min.js"></script>
似乎您丟失了/沒有加載bootstrap.min.js文件。 嘗試用可行的副本替換它。
導航欄菜單在小屏幕上不垂直對齊和漢堡菜單的 position
[英]The navbar menu doesn't vertically aligned on small screen and the position of hamburger menu
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.