Bootstrap面包屑垂直中心?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (43)

我想在breadcrumbs框中设置bootstrap breadcrumb垂直中心,但不知何故,这个breadcrumb是box的顶部。有人可以帮忙吗?这是jsfiddle的内联链接。

CSS:

.breadcrumbs{
    height: 100px;
    border:3px solid
}

HTML:

<div class="breadcrumbs">
    <ul class="breadcrumb">
            <li><a href="#">Home</a></li>
            <li><a href="#">Library</a></li>
            <li class="active">Data</li>
     </ul>
</div>
提问于
用户回答回答于

试试这个CSS

.breadcrumbs{
    height: 100px;
    text-align:center;
    line-height:50px;
}
用户回答回答于

你可以使用.align-items-center类。

<nav aria-label="breadcrumb">
  <ol class="breadcrumb align-items-center">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Library</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
</nav>

扫码关注云+社区

领取腾讯云代金券