쇼핑몰 상단 드롭다운 메뉴
본문
쇼핑몰 상단에 고객센터라는 항목을 추가후 하단에 공지사항과 1:1문의라는 메뉴를 생성 하고자 합니다.
<div class="top-bar">
<ul class="top-bar-list list-unstyled">
<li class="top-bar-btn-login login-btn">
<a href="/bbs/login.php">
<span>로그인</span>
</a>
</li>
<li class="top-bar-btn-login login-btn">
<a href="/bbs/register.php">
<span>회원가입</span>
</a>
</li>
<li class="top-bar-btn-login login-btn">
<a href="">
<span>고객센터</span>
</a>
</li>
<li class="btn-cart login-btn">
<a href="/shop/cart.php">
장바구니
<span>0</span>
</a>
</li>
<li class="btn-search">
<a data-bs-toggle="offcanvas" href="#offcanvasSearch" role="button"
aria-controls="offcanvasSearch">
<img src="/theme/eb4_shop_022/image/icons/search-line.svg"
alt="icon">
</a>
</li>
<li class="mobile-nav-trigger" id="navToggle" role="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasLeft" aria-controls="offcanvasLeft">
<button type="button">
<img src="/theme/eb4_shop_022/image/icons/function-line.svg"
alt="icon">
</button>
</li>
</ul>
</div>
풀다운 메뉴를 추가 하기 위해.. 고객센터 부분에 아래의 코드를 넣으면.. 풀다운 메뉴 작동이 되지를 않습니다.
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
고객센터
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">공지사항</a>
<a class="dropdown-item" href="#">자주하는질문</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">1:1문의</a>
</div>
</li>
</ul>
</div>
</nav>
이유가 뭘까요? ㅠ
답변 1
data-target -> data-bs-target
data-toggle -> data-bs-toggle
로 전부 바꿔보세요
오~~~ 됩니다~.. 감사 합니다~...^^;;
답변을 작성하시기 전에 로그인 해주세요.
