Html 如何使导航项目具有所需的宽度，以便其内容在一行中显示？

我试图使我的导航项目元素具有所需的宽度，以便在一行中显示其内容，因为现在内容被包装成两行：

代码：

需要的结果：

我需要的项目“我的帐户”和“购物车”采取尽可能多的宽度需要他们留在一行

这是因为我的内联w-100搜索栏吗

这是因为我的内联w-100搜索栏吗

是的，但您可以通过将类

text nowrap

应用于需要保持在一行中的项目来解决问题，如下所示：

尝试添加

空白：nowrap到
.nav link
@NiK648谢谢。如果你不介意的话，我还有一个问题。我在“我的帐户”中添加了一个下拉列表，第二行显示了切换。。如果我删除了“h5”，那么它可以正常工作（），有什么建议吗？将
d-inline
类或
d-inline-block
添加到
h5
元素中。
    <ul class="navbar-nav mt-2 mt-lg-0">
        <li class="nav-item">
            <a class="nav-link" href="#">
                <h5 class="no-margin-bottom">
                    <i class="fas fa-user"></i>
                    My Account
                </h5>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">
                <h5 class="no-margin-bottom">
                    <i class="fas fa-shopping-cart"></i>
                    Cart
                </h5>
            </a>
        </li>
    </ul>