2017-03-25 49 views
-1

我已经从阿尔法4更新到阿尔法6,我不能为我的生活得到什么是pull-right工作跨度。我知道pull-right已被删除,但我似乎无法得到任何工作,即float-*-rightBootstrap 4阿尔法6拉右等效

我曾经有过为:

<li> 
     <a href = "#"> 
     <span class = "badge pull-right">3</span> 
     Messages 
     </a> 
    </li> 

这给了效果:

enter image description here

有人请告诉我如何获得在阿尔法6跨度此相同的右对齐,它开始打击我......

+0

你可以创建一个jsfiddle吗?我会很快找到 – Sandwell

+0

感谢您的回复,我找到了解决方案,我会在下面回答... –

回答

2

我的不好,就在文档中,你必须将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> 
0

上拉左,右拉班已被取代:

.float-{xs,sm,md,lg,xl}-{left,right,none} 

所以这是

.float-right 
.float-sm-right 

例如。

+0

感谢您的回复,但正如我所说,这是行不通的。 –

+0

对不起,我错过了你的文章中的语法 – mayersdesign