Besoin d'une icône à côté de la barre de navigation dans le bootstrap

Question

J'ai besoin d'aide dans ce code pour mettre l'icône à côté de la barre de navigation du premier mot Dashboard en utilisant uniquement Bootstrap sans espacement,

Remarque : j'ai utilisé des options comme offset-5 和 ms-5 mais elles ne correspondent pas à ce dont j'ai besoin,

<div id="navbarcollapse" class="collapse navbar-collapse">
    
  <a href="Index.html" class="navbar-brand p-0">
    <img src="Images/icons-internet.png" class="w-50 h-50 " />
  </a>
    
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="Index.html">DashBoard</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="Posts.html">Posts</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="Categories.html">Categories</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="Users.html">Users</a>
    </li>
  </ul>

Answer 1

J'ai trouvé une solution à ce problème...

<img src="Images/icons-internet.png" class="col-8 offset-4 " />

Contiendra une image qui sera utilisée comme image de marque de la barre de navigation. L'image fait 8 colonnes de large et est décalée de 4 colonnes vers la droite.

Vous pouvez modifier l'espacement par (décalage),