css - Bootstrap 4面包屑中断标签栏

Question

我遇到了 Bootstrap 4 面包屑“中断”标签栏分界线的问题（请参阅https://www.codeply.com/go/ga2O7RQhty）

我已经尝试在面包屑上使用边距、填充等，但没有任何组合可以使面包屑看起来像它应该的那样并且不会中断/破坏标签栏线。

标签： cssbootstrap-4

Answer 1

clearfix在页眉上使用...

   <div class="page-header clearfix">
      <div class="float-right btn-toolbar">
         <ol class="breadcrumb">
            <li class="breadcrumb-item active">Audio Library</li>
         </ol>
      </div>
      <h1>
         Audio Library                                  
      </h1>
   </div>

https://www.codeply.com/go/sPTmNxG6MJ

这允许浮动的 btn-toolbar 清除到下一个可视行。