引導程式中導覽列旁邊需要圖標

Question

我需要在此程式碼中的幫助，僅使用 Bootstrap 將圖示放在第一個單字 Dashboard 的導航列旁邊，而無需間距，

注意：我使用了 offset-5 和 ms-5 等選項，但它們不是我需要的，

<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

我找到了解決這個問題的方法...

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

將包含將用作導覽列品牌的圖像。影像寬度為 8 列，並且向右偏移 4 列。

您可以透過（偏移量）來變更間距，