쇼핑몰 상단 드롭다운 메뉴

<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>