부트 스트랩 navbar가 열리지 않거나 접히지 않습니다

접을 수있는 navbar를 찾고 있습니다. 나는 아래의 코드로 아무런 성공도없이 그것을 시도했다. 당신의 버튼 태그 내부트 스트랩 navbar가 열리지 않거나 접히지 않습니다

<!DOCTYPE html> 
<html> 
<head> 
<title> Portfolio</title> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js">  </script> 
</head> 
<body> 
<!-- nav bar --> 
<nav style="background-color:#ffaa00" class="navbar navbar-light navbar-static-top"> 
<div class="container"> 
<div class="navbar-header"> 
<a href="#" class="navbar-brand">Portfolio Site</a> 
<button type="button" class="navbar-toggle" data-  toggle="collapse" data-target=".navigation"><span class="glyphicon glyphicon-     menu-hamburger"></span></button> 
</div> 
<div class="collapse navbar-collapse navigation"> 
<ul class="nav navbar-nav navbar-right" > 
<li><a href="#">Home</a></li> 
<li><a href="#">About</a></li> 
<li><a href="#">Contact</a></li> 
</ul> 
</div> 
</div> 
</nav> 
</body>  
</html>

출처

2016-12-15 William Cross

당신은 _ [jQuery를 (https://getbootstrap.com/getting-started/#whats-included) _ 전을 배치해야 올바른 부트 스트랩 및 JQuery와 CDN 서비스를 추가해야합니다 Bootstrap.js와 (오타) 그러나'data-toggle = "collapse"는'data-toggle = "collapse"'이어야합니다. – vanburen

당신이 놓친,

<span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span>

다음은 내 코드입니다. 또한

<html> 
 
<head> 
 
<title> Portfolio</title> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 
<!-- nav bar --> 
 
<nav style="background-color:#ffaa00" class="navbar navbar-light navbar-static-top"> 
 
<div class="container"> 
 
<div class="navbar-header"> 
 
<a href="#" class="navbar-brand">Portfolio Site</a> 
 
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navigation"><span class="glyphicon glyphicon-menu-hamburger"></span></button> 
 
     <span class="sr-only">Toggle navigation</span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     </button> 
 
</div> 
 
<div class="collapse navbar-collapse navigation"> 
 
<ul class="nav navbar-nav navbar-right" > 
 
<li><a href="#">Home</a></li> 
 
<li><a href="#">About</a></li> 
 
<li><a href="#">Contact</a></li> 
 
</ul> 
 
</div> 
 
</div> 
 
</nav> 
 
</body>  
 
</html>

출처

2016-12-15 01:58:13 AVI

glyphicon 버전이있는 아이콘 표시 줄 span 태그가 필요합니까? –

부트 스트랩 navbar가 열리지 않거나 접히지 않습니다

답변

관련 문제