Topic: Bootstrap Corporate website
fasihkhan143 asked 6 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 Szymanska staff pro premium answered 6 years ago
Hi,
please create a snippet showing the problem here: https://mdbootstrap.com/snippets/. I'll try to help you.
Best, Marta
Eniwonders answered 5 years ago
I observed a wide gap between my navigation bar and the cards...how can i eliminate this gap?
Marta Szymanska staff pro premium answered 5 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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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