文章目录

点击这里访问站长的博客

Bootstrap 4.1 将内容分布到两端

也可以使用 float-right 来实现

<div class="d-flex justify-content-between">
      <div>
         left
      </div>
      <div>
         right
      </div>
 </div>

or, auto-margins (eg:ml-auto) in any flexbox container (row, navbar, card, d-flex, etc…)

<div class="d-flex">
      <div>
         left
      </div>
      <div class="ml-auto">
         right
      </div>
 </div>