간단한 웹페이지 만들어보고 있는데 부트스트랩 이용해서 드롭다운 메뉴 넣으려 했는데
버튼 자체가 클릭이 안되는 상황입니다 이런경우 어떻게 해야할까요
간단하게 코드 가져온것도 작동을 안하니 난감하네요
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"> Sign in </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="login.jsp">로그인</a>
<a class="dropdown-item" href="join.jsp">회원가입</a>
</div>
</li>
대충 이렇게 드롭다운 토글 넣어봤는데 클릭자체가 안되는상황입니다.
저기 드롭다운 메뉴부분에 보면 sign in 부분 불이 안들어오는데 연결이 안된건가요?
혹시 몰라 코드 전문도 올립니다
------------------------------------------------------------------------------------------------------------
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.io.PrintWriter" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width" initial-scale="1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<title>웹 사이트</title>
<style>
.jumbotron {
padding: 30px 15px;
margin-bottom: 30px;
background-color: #eee;
}
div{
display: flex;
justify-content: center;
alig-item: center;
}
</style>
</head>
<body>
<%
String userID = null;
if(session.getAttribute("userID") != null){
userID = (String) session.getAttribute("userID");
}
%>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<ul class="navbar-nav navbar-white">
<li class="nav-item active"><a class="nav-link" href="#">메인</a></li>
<li class="nav-item"><a class="nav-link" href="bbs.jsp">게시판</a></li>
<%
if(userID == null){
%>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"> Sign in </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="login.jsp">로그인</a>
<a class="dropdown-item" href="join.jsp">회원가입</a>
</div>
</li>
<%
} else{
%>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"> 회원관리 </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="logoutAction.jsp">로그아웃</a>
</div>
</li>
<%
}
%>
</ul>
</nav>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>