我想右对齐 Bootstrap 4 的面包屑类中的链接。我用 BS3 中的 pull-right 类很容易地做到了这一点，但是 BS4 的“float-right”并不能完成这项工作。
例如：
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
<a href="Basket" class="float-right">Basket</a>
</ol>
</nav>
在这种情况下，它根本不向右浮动，我似乎无法找到解决方案。我怎样才能做到这一点？
更新2018 Bootstrap 4.1
float-*不适用于弹性盒。
由于 Bootstrap 4 是弹性盒，将面包屑项目向右对齐的更好方法是使用自动边距。只是不要将最后一项设为breadcrumb-item移除分隔线并ml-auto将其推到右侧。
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active">Data</li>
<li class="ml-auto">Basket</li>
</ol>
</nav>
EDIT:
“如果我有两个怎么样？<li>是我想要右对齐吗？如果我使用
二<li class="ml-auto">Basket</li>，一个在中间。”
在这种情况下你只需使用ml-auto在 2 个中的最左边（第一个）li's.
https://www.codeply.com/go/6ITgrV7pvL https://www.codeply.com/go/6ITgrV7pvL
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
