html - 接下来对齐导航栏下拉项

Question

我正在尝试将 Bootstrap 4 制作的下拉项目彼此对齐，如下所示：

将鼠标悬停在第一个测试项目上时，项目 1 和 2 是下拉项目。

我曾尝试float: left在 CSS 中使用，但不幸的是没有奏效。任何建议都受到高度赞赏。

但现在他们像这样在彼此下方：

<div class="collapse navbar-collapse" id="navbarToggler">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item dropdown">
                <a class="nav-link" href="javascript:void(0)" id="NavbarToggler">Welkom</a>
                <div class="dropdown-menu" aria-labelledby="NavbarToggler">
                    <a class="dropdown-item mt-2" href="info">Informatie Stedenband</a>
                    <a class="dropdown-item" href="geschiedenis">Geschiedenis Stedenband</a>
                </div>
            </li>
</div>

标签： htmlcssbootstrap-4

Answer 1

使用带有下拉项的 d-inline-block和w-auto类