css - 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>