Bootstrap 4 breadcrumb打断tabbar

Question

我遇到Bootstrap 4面包屑问题＆＃34;打断＆＃34;标签栏分界线（见https://www.codeply.com/go/ga2O7RQhty）

我已尝试在面包屑上玩边缘，填充等，但没有任何组合可以使面包屑看起来应该是这样，而不是打断/打破标签栏。

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工具栏清除到下一个视觉行。