Question

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

提前谢谢。

This is the code

Answer 1

如果你正在使用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

如何在Navbar中水平替换按钮

1 个答案: