html - 如何在Navbar中水平替换按钮

我是编码新手。现在，我正在尝试使用Bootstrap创建导航栏。但是我不能水平放置按钮。我在每个元素上都尝试了class="float-right"。我试图在CSS中使用!important进行ovverride。再次没有回应。你能帮我怎么做吗。

先感谢您。

This is the code

最佳答案

如果使用的是Bootstrap 4，则导航栏需要navbar-expand-*类之一才能使其变为水平，否则导航栏将为垂直/移动（默认）。

另外，Bootstrap 4中没有navbar-btn类。只需使用btn btn-*。

<nav class="navbar navbar-light navbar-expand">
    <a class="navbar-brand" href="#">Brand</a>
    <ul class="navbar-nav">
        <li class="nav-item"><a href="#" class="nav-link">Home</a></li>
        <li class="nav-item"><a href="#" class="btn btn-primary">Btn</a></li>
        <li class="nav-item"><a href="#" class="nav-link">Link</a></li>
        <li class="nav-item"><a href="#" class="nav-link">Options</a></li>
    </ul>
</nav>

https://www.codeply.com/go/4mT9YOawzV

关于html - 如何在Navbar中水平替换按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45828773/