如何使 <uk> 中的 <li> 元素在右侧对齐（引导程序）答案

【问题标题】：How to make <li> elements in the <ul> aligned on the right side (bootstrap)如何使 <uk> 中的 <li> 元素在右侧对齐（引导程序）
【发布时间】：2020-10-12 13:01:01
【问题描述】：

我试图让

元素在右侧宽的一个

中对齐一行，我该怎么做？

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="/">Library</a>
        </div>

        <ul class="nav navbar-nav">
            <!-- omitted -->
        </ul>

        <ul class="nav navbar-nav">
            <li>
                <a href="/viewrecord" class="btn btn-primary">View Circulation Record</a>
            </li>
            <li>
                <form action="/logout" method="">
                    <button type="submit" class="btn btn-warning">Logout</button>
                </form>
            </li>
        </ul>
    </div>
</nav>

https://ibb.co/chZwrLD

【问题讨论】：

ibb.co/chZwrLD
我不明白你的正确要求，但我认为 float:left 会工作
float: left 不起作用，因为我使用 Bootstrap。

标签： css bootstrap-4 navbar

【解决方案1】：

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="/">Library</a>
        </div>

        <ul class="nav navbar-nav">
            <!-- omitted -->
        </ul>

        <ul class="nav navbar-nav flex-row">
            <li>
                <a href="/viewrecord" class="btn btn-primary mr-2">View Circulation Record</a>
            </li>
            <li>
                <form action="/logout" method="">
                    <button type="submit" class="btn btn-warning">Logout</button>
                </form>
            </li>
        </ul>
    </div>
</nav>

强文本

【讨论】：

这就是我想要的。非常感谢。
请描述一下你为未来的读者做了什么。比如添加类flex-row，它有什么作用。