navbar toggler

    • 1402/08/20 14:02
    زهرا جوینی
    زهرا جوینی
    کاربر
    1

    سلام وقت شما بخیر استاد . من این navbar رو ایجاد کردم براش تعیین کردم که در بازه ی md منو ها حذف بشن و toggle بشن. الان منو ها حذف میشن اما دکمه ای برای toggle شدن نمیاد چکار باید کنم؟

     <nav class="navbar navbar-expand-md bg-dark navbar-dark">
        <a class="navbar-brand" href="#">خانه زیبا</a>
     
        <div class="collapse navbar-collapse">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="#">لینک1</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">لینک2</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">لینک3</a>
            </li>    
          </ul>
        </div>  
      </nav>

    • 1402/08/20 22:52
    ایران باینری
    ایران باینری
    استاد
    2

    سلام وقت شما بخیر.. شما اصلا دکمه ای برای زمان toggle شدن در نظر نگرفتید .. کد رو به صورت زیر ادیت کنید اگر یادتون باشه توی کلاس به صورت کامل توضیح دادم راجع به این مبحث

     <nav class="navbar navbar-expand-md bg-dark navbar-dark">
        <a class="navbar-brand" href="#">خانه زیبا</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbartoggel">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbartoggel">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="#">لینک1</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">لینک2</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">لینک3</a>
            </li>    
          </ul>
        </div>  
      </nav>