Bootstrap 4 Alpha 6拉右等效

Question

我已经从Alpha 4更新到Alpha 6，我不能为我的生活获得pull-right在跨度上工作的东西。我知道pull-right已被删除，但我似乎无法正常工作，即float-*-right等。

我曾经拥有的是：

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

这产生了以下效果：

有人可以告诉我如何在Alpha 6的跨度上获得同样的正确对齐，它开始让我崩溃......

Answer 1

我的不好，它就在文档中，您必须将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>

Answer 2

左拉和右拉类已被替换为：

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

那就是

.float-right
.float-sm-right

例如。