I am currently working on a website using Bootstrap 5, and I'm facing an issue with creating underlines for the navigation links in the navbar upon hovering. The problem is that the underline is only appearing for the "services" nav link.
Here's how it looks: https://i.sstatic.net/tKj3Q.png
When hovering over other nav links like "home," it underlines the entire navbar instead of just the specific link.
Here's an example: https://i.sstatic.net/BXCY1.png
Test.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About | </title>
<!-- Add your meta tags here if needed -->
<!-- Add your stylesheet links -->
<!-- Your HTML content goes here -->
</body>
</html>Test.css
Your CSS code goes here...Feel free to further refine your CSS rules for styling the navigation links as required.