I'm currently using a bootstrap 5 navbar and everything seems to be functioning correctly, except for one issue - all the nav-items have a black dot on the right side of the text.
Below is the code snippet for that particular section. I've made attempts to modify various aspects such as arguments and even tried commenting out the CSS and JavaScript, but unfortunately, I haven't been able to find a solution yet.
<nav class="navbar navbar-expand navbar-dark fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="/">Correlator 2</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item fs-5">
<a class="nav-link active" aria-current="page" href="/">Home .</a>
</li>
<li class="nav-item fs-5">
<a class="nav-link" href="/admin/">Admin Pages .</a>
</li>
(...additional code here...)
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-primary" type="submit">Search</button>
</form>
(...additional code here...)
</div>
</div>
I've attached an image showing the resulting display, where I've highlighted the leftmost nav-items, all of which have the same black dots.
https://i.sstatic.net/gZgY6.png
Does anyone know how I can go about removing these black dots?