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>
      <li class="nav-item">
          <a class="nav-link" href="#">Features</a>
      <li class="nav-item">
          <a class="nav-link" href="#">Pricing</a>

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

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

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


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.


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



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