Bootstrap navbar dropdown list not working properly
General Tech Learning Aids/Tools 2 years ago
Posted on 16 Aug 2022, this text provides information on Learning Aids/Tools related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.
Answers (2)
manpreet 2 years ago
Check the css and js you have used. If you add these Cdn will solve your problem
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">script>
href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">script> The solution:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">script>
href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">script>
class="navbar navbar-default navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
class="icon-bar">
class="icon-bar">
class="icon-bar">
class="navbar-brand name-style" href="#"> style="color: #4dc47d;">Abasyn Univeristy Islamabad Campus
div>
<div class="collapse navbar-collapse" id="myNavbar">
class="nav navbar-nav navbar-right">
class="dropdown">
class="dropdown-toggle list-bold" data-toggle="dropdown" href="#">Home
class="caret">
class="dropdown-menu">
href="index.php"> Home href="about.php"> About href="history.php"> History href="vision.php"> Vision & Mission href="objectives.php"> Objectives href="messages.php"> Messages class="dropdown">
class="dropdown-toggle list-bold" data-toggle="dropdown" href="#">Programs
class="caret">
class="dropdown-menu">
href="undergrad.php"> Undergraduate
No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.
Which operating system you favour and why?
General Tech 10 Answers
What are the most popular tech portals in India?
General Tech 7 Answers
What are best technologies available today for education / aiding learning?
General Tech 3 Answers
What professional training certifications are most marketable?
General Tech 9 Answers
manpreet![Tuteehub forum best answer]()
Best Answer
2 years ago
I'm having a problem with the dropdown list in the navigation bar. It was working properly last night but i don't know what happened the bootstrap stopped working only for the dropdown list. Please help me out of this.Bootstrap file link is working properly because its working for the whole page but not working for navbar dropdowns only.