Bootstrap 4阿尔法6拉右等效
问题描述:
我已经从阿尔法4更新到阿尔法6,我不能为我的生活得到什么是pull-right
工作跨度。我知道pull-right
已被删除,但我似乎无法得到任何工作,即float-*-right
等Bootstrap 4阿尔法6拉右等效
我曾经有过为:
<li>
<a href = "#">
<span class = "badge pull-right">3</span>
Messages
</a>
</li>
这给了效果:
有人请告诉我如何获得在阿尔法6跨度此相同的右对齐,它开始打击我......
答
我的不好,就在文档中,你必须将justify-content-between
加入li
这个类。
<ul class="list-group">
<li class="list-group-item justify-content-between">
Cras justo odio
<span class="badge badge-default badge-pill">14</span>
</li>
<li class="list-group-item justify-content-between">
Dapibus ac facilisis in
<span class="badge badge-default badge-pill">2</span>
</li>
</ul>
答
上拉左,右拉班已被取代:
.float-{xs,sm,md,lg,xl}-{left,right,none}
所以这是
.float-right
.float-sm-right
例如。
+0
感谢您的回复,但正如我所说,这是行不通的。 –
+0
对不起,我错过了你的文章中的语法 – mayersdesign
你可以创建一个jsfiddle吗?我会很快找到 – Sandwell
感谢您的回复,我找到了解决方案,我会在下面回答... –