代码之家 › 专栏 › 技术社区 › Scott Robinson

引导4面包屑中断选项卡

bootstrap-4 css

Scott Robinson · 技术社区 · 7 年前

我对bootstrap 4的breadcrumbs有问题,“中断”标签栏的分隔线(请参见 https://www.codeply.com/go/ga2O7RQhty )

我试过在面包屑上使用页边距、填充等,但是没有任何组合可以使面包屑看起来像应该的那样,并且不会打断/破坏标签栏行。

1 回复 | 直到 7 年前

Carol Skelly 7 年前

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

推荐文章