如何将多个文本与 Bootstrap 4 面包屑右对齐？答案

【问题标题】：How to right align multiple texts with Bootstrap 4 breadcrumbs?如何将多个文本与 Bootstrap 4 面包屑右对齐？
【发布时间】：2019-01-14 16:08:24
【问题描述】：

我想使用 Bootstrap 4.1 创建一个面包屑导航，以便站点地图路径显示在左侧，并在右侧注册和显示登录链接。下面是我想要实现的示意图：

Home/Blog/post                                                Register/Login

通过关注this，我可以使用ml-auto 将“登录”链接移至右侧。如果我在“注册”上使用ml-auto，它会显示在中间。

我的代码：

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item"><a href="#">Blog</a></li>
        <li class="breadcrumb-item active">post</li>
        <li class="ml-auto">Register</li>
        <li class="ml-auto">Login</li>
    </ol>
</nav>

最终结果：

Home/Blog/post                    Register                        Login

【问题讨论】：

为什么这个问题被否决了？
可能是因为它与 django 无关
其他问题的 cmets 中已经回答了这个问题。

标签： html django bootstrap-4

【解决方案1】：

从登录中删除 ml-auto，您只需要一个 ml-auto 即可将其应用于之后的所有内容

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item"><a href="#">Blog</a></li>
        <li class="breadcrumb-item active">post</li>
        <li class="ml-auto">Register</li>
        <li>Login</li>
    </ol>
</nav>

【讨论】：