首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Bootstrap breadcrumb垂直中心

Bootstrap breadcrumb垂直中心
EN

Stack Overflow用户
提问于 2015-08-25 01:59:51
回答 2查看 7.9K关注 0票数 1

我觉得这可能是个愚蠢的问题。我想在breadcrumbs框中设置bootstrap breadcrumb垂直中心,但不知何故这个breadcrumb位于框的顶部。有谁能帮上忙吗?这里有一个指向jsfiddle的内联链接。

css:

代码语言:javascript
复制
.breadcrumbs{
    height: 100px;
    border:3px solid
}

html:

代码语言:javascript
复制
<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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-08-25 02:46:51

试试这个css

代码语言:javascript
复制
.breadcrumbs{
    height: 100px;
    text-align:center;
    line-height:50px;
}

如果这不是你想要的,那么请张贴/附加一个图像,你想如何看到面包屑。

票数 2
EN

Stack Overflow用户

发布于 2019-12-21 15:38:38

代码语言:javascript
复制
<ol class="breadcrumb justify-content-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>

这一条很有用

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32188724

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档