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)
![profilepic.png]()
manpreet
2 years ago
Check the css and js you have used. If you add these Cdn will solve your problem
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
The solution:
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
class="navbar navbar-default navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
class="icon-bar">
class="icon-bar">
class="icon-bar">
button>
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.
Q
Which operating system you favour and why?
General Tech
10 Answers
Q
What are the most popular tech portals in India?
General Tech
7 Answers
Q
What are best technologies available today for education / aiding learning?
General Tech
3 Answers
Q
What professional training certifications are most marketable?
General Tech
9 Answers
Q
Q
What is the full form of NABARD ?
Banking, Finance & Insurance
Q
How to refresh app upon shaking the device?
Mobile Technologies
Q
What are the govt exams after BCA?
Career Talk
Q
TYPO3 v8. Override function in Core class
General Tech
Q
Why do people in India give so much importance to Government jobs?
Commerce & Accounting
Q
Will Satellite Connectivity in Smartphones Make Mobile Networks Obsolete?
Mobile Technologies
0 Answers
Q
Will Augmented Reality (AR) and Virtual Reality (VR) Revolutionize Mobile Gaming?
Mobile Technologies
0 Answers
Q
Can Smartphones Fully Replace Laptops for Work and Productivity?
Mobile Technologies
0 Answers
Q
Is Foldable Smartphone Technology the Future or Just a Trend?
Mobile Technologies
0 Answers
Q
How Will AI and Machine Learning Shape the Future of Mobile Devices?
Mobile Technologies
0 Answers
Explore Other Libraries
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.