无法将面包屑项目移动到右侧

Question

我正在使用Vue.js和Bootstrap开发应用程序。我正在开发一个面包屑，其中希望图标显示在右侧，文本“文件”浮动在左侧。

checkbox_checked_date

尽管使用向右拖动，但面包屑图标并未向右浮动。

面包屑看起来像这样

我在这里做什么错？

Answer 1

使用此CSS，及其工作

  <div class="conatainer-fluid">
      <ol class="breadcrumb" style="display:flex; width:100%; padding: 0rem 1rem 0rem; background-color: transparent">
        <li class="breadcrumb-item active" style="margin-right:auto">Files</li>
        <li class="pull-right"><i class="fa fa-sort-amount-asc"></i></li>
        <li class="pull-right"><i class="fa fa-th-large"></i></li>
        <li class="pull-right"><i class="fa fa-list-ul"></i></li>
      </ol>
    </div>

或使用html

submit

Answer 2

完美！真的有效。哇 ！