Bootstrap 4 将文本添加到Bootstrap 5导航栏中的图标

这可能是个愚蠢的问题，但我真的搞不懂。如何向图标导航栏添加文本，如

下面是我的导航栏；我正在使用基本的引导CSS

有几种方法可以实现这一点。一种方法是使导航链接灵活列（

d-flex-flex-column

）在单独的跨距中添加文本

      <li class="nav-item">
           <a class="nav-link d-flex flex-column align-items-center" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24" height="24">
                        ...
              </svg>
              <span class="small">text</span>
           </a>
      </li>

---

有几种方法可以解决这个问题。一种方法是使导航链接灵活列（

d-flex-flex-column

）在单独的跨距中添加文本

      <li class="nav-item">
           <a class="nav-link d-flex flex-column align-items-center" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24" height="24">
                        ...
              </svg>
              <span class="small">text</span>
           </a>
      </li>

---

thx工作正常。thx工作正常。