Bootstrap:垂直对齐和超大高度

约恩·莱斯

我在互联网上搜索了4个小时,但找不到解决方案。

我想为HTML / CSS CV创建标题。我想要这样的标题:http : //hpics.li/ece0449

但是我有一个问题,如果不删除垂直对齐约束,就无法修改CSS中的超大屏幕高度。

另外,我无法将超大屏幕的高度固定为小于50像素

请帮我 :)

HTML:

<body>
        <div class="jumbotron">
            <div class="row">
                <div class="col-md-4 header_element">
                    <span class = "title_header">ADRESS</span> : XXX
                </div>
                <div class="col-md-4 header_element">
                    <span class = "title_header">PHONE</span> : XXX
                </div>
                <div class="col-md-4 header_element">
                    <span class = "title_header">EMAIL</span> : XXX
                </div>
            </div>
        </div>   
</body>

CSS:

.jumbotron{
background-color : #20B08F !important;
color : #FFFFFF;
}

.header_element{
background-color : #20B08F !important;
color : #FFFFFF;    
}

.header_element{
font-family: OpenSans_Light;
text-align : center;
}

.title_header{
font-family : OpenSans_Bold;
}
托普尔

.jumbotron没有一组height,它得到了heightpadding减小以下数字可得到一个较小的超大加速器:

.jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
}

参见示例。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap:垂直对齐和超大高度

来自分类Dev

Bootstrap中的垂直对齐中心和匹配高度

来自分类Dev

Twitter Bootstrap:将子div与高度垂直对齐

来自分类Dev

Twitter Bootstrap:将子div与高度垂直对齐

来自分类Dev

垂直对齐响应的宽度和高度图像

来自分类Dev

CSS垂直对齐浮动和高度100%

来自分类Dev

垂直对齐响应的宽度和高度图像

来自分类Dev

排列格罗布中的垂直对齐和高度

来自分类Dev

超大列表光盘未在中间垂直对齐

来自分类Dev

超大列表光盘未在中间垂直对齐

来自分类Dev

在Bootstrap中垂直对齐?

来自分类Dev

Bootstrap垂直对齐图像

来自分类Dev

Bootstrap 垂直对齐问题

来自分类Dev

Bootstrap:垂直对齐段落文本和按钮

来自分类Dev

在Bootstrap 3警报中垂直对齐文本和按钮

来自分类Dev

在Bootstrap 3警报中垂直对齐文本和按钮

来自分类Dev

Bootstrap 3垂直对齐分页和其他元素

来自分类Dev

Bootstrap网格系统和垂直对齐的问题

来自分类Dev

垂直对齐和动画

来自分类Dev

基于x高度的垂直对齐

来自分类Dev

在具有高度自动和最小高度设置的父级中垂直对齐div?

来自分类Dev

如何垂直对齐Bootstrap 3中高度未知的内容

来自分类Dev

Bootstrap 4:徽标增加导航栏高度时,垂直对齐导航链接

来自分类Dev

垂直对齐中间与Bootstrap响应网格

来自分类Dev

在标题内垂直对齐Bootstrap徽标

来自分类Dev

Bootstrap 4列内的垂直对齐

来自分类Dev

垂直对齐Bootstrap导航按钮

来自分类Dev

div内的Bootstrap垂直对齐按钮

来自分类Dev

Bootstrap垂直对齐标头