Bootstrap Navbar Dropdown Link Does Not Work When Bootstrap.min.js Is In The Code
I am new to this so please bear with me. I copied this navbar code from Bootstrap and tweaked it to fit my code. I have a dropdown list with three dropdown items. I want the user
Solution 1:
There's nothing wrong with min.js library. Only you should follow perfect body layout and syntax. It's better to always keep your <script> files before </body> tag ends. End you forgot write some elements inside the body instead you wrote them outside body tag. I just adjusted some of your code. Check it once.
<htmllang="en"><head><metacharset="utf-8"><linkrel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"><linkrel ="stylesheet"type="text/css"href="style.css"><title>Do You Know Jennipher</title></head><body><navclass="navbar sticky-top navbar-expand-lg"><aclass="navbar-brand"href="index.html">Do You Know Jennipher</a><buttonclass="navbar-toggler"type="button"data-toggle="collapse"data-target="#navbarSupportedContent"aria-controls="navbarSupportedContent"aria-expanded="false"aria-label="Toggle navigation"><spanclass="navbar-toggler-icon"></span></button><divclass="collapse navbar-collapse"id="navbarSupportedContent"><ulclass="navbar-nav mr-auto"><liclass="nav-item active"><aclass="nav-link"href="index.html">Home <spanclass="sr-only">(current)</span></a></li><liclass="nav-item"><aclass="nav-link"href="aboutme.html">About Me</a></li><liclass="nav-item dropdown"><aclass="nav-link dropdown-toggle"id="navbarDropdown"role="button"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false"href="previous_work.html">Portfolio</a><divclass="dropdown-menu"aria-labelledby="navbarDropdown"><aclass="dropdown-item"href="previous_work.html">Egyptian Petrdise</a><aclass="dropdown-item"href="previous_work.html">Movie Madness</a><aclass="dropdown-item"href="previous_work.html">George's Safari Adventure</a></div></li><liclass="nav-item"><aclass="nav-link"href="gallery.html">Gallery</a></li><liclass="nav-item"><aclass="nav-link"href="say_hello.html">Say Hello</a></li></ul></div></nav><header><divclass="flex-container"><imgsrc="images/banner_ad.jpg"class="banner"alt="banner ad"></div></header><sectionclass="intro"><divclass="container"><divclass="row"><divclass="col-md-6"><imgsrc="images/mountains.jpg"alt="rocky mountains"class="mountain"width="500px"></div><divclass="col-md-6"><pclass="intro-text">Hello, my name is Jennipher </p></div></div></div></section><footer><pclass="footer text-center">© Copyright 2019 Jennipher Samms</p></footer><scriptsrc="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script><scriptsrc="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script></body></html>For better practice please go through this link
Post a Comment for "Bootstrap Navbar Dropdown Link Does Not Work When Bootstrap.min.js Is In The Code"