fasihkhan143 free asked 3 years ago


Expected behavior when i click dropdown menu it should open the list .and after resizing the window navbar should work Actual behavior but it s not opening the list when i click the dropdown menu..and after resizing the window/chrome the navbar is also not working Resources (screenshots, code snippets etc.)

H1 Tech

  <!-- Links -->
  <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
          <a class="nav-link" href="#">Home
              <span class="sr-only">(current)</span>
          </a>
      </li>
      <li class="nav-item">
          <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
          <a class="nav-link" href="#">Pricing</a>
      </li>

      <!-- Dropdown -->
      <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
          <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
          </div>
      </li>

  </ul>
  <!-- Links -->

  <form class="form-inline">
      <div class="md-form my-0">
          <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
      </div>
  </form>


Marta Wierzbicka staff answered 2 years ago


Hi, @Eniwonders,

to help you with your case, I need to see your code, your page. I don't know where is the problem exactly, just when you tell me "I have a gap between a navbar and cards", so please paste here a demo of your page or create a snippet showing the problem here: https://mdbootstrap.com/snippets/. Then I'll try to help you.

Best, Marta


Eniwonders free answered 2 years ago


I observed a wide gap between my navigation bar and the cards...how can i eliminate this gap?


Marta Wierzbicka staff answered 3 years ago


Hi,

please create a snippet showing the problem here: https://mdbootstrap.com/snippets/. I'll try to help you.

Best, Marta



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Hp laptop
  • Browser: Google Chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No