首页 > 解决方案 > Bootstrap 4(flexbox)中的右对齐面包屑项目

问题描述

我正在使用 Bootstrap 4(它使用 flexbox 作为面包屑)并且我试图让我的一个面包屑项目出现在面包屑栏的右侧。

在引导程序 3 中,这曾经有效:

<ul class="breadcrumb">
    <li><a href="/">Home</a> <span class="divider">/</span></li>
    <li class="active">Jobs</li>
    <li class="pull-right">
        <a href="/create" class="btn btn-default">
            New
        </a>
    </li>
</ul>

但是在 Bootstrap 4 中,这不起作用,所有 3 个项目都在左侧(根据文档,我已将 pull-right 替换为 float-right)

编辑

不是重复的——正如我所提到的,我知道使用 float-right——它在面包屑中不起作用,因为它们使用 flexbox。

标签: twitter-bootstrapbootstrap-4

解决方案


推荐阅读