我想这样的:我怎么能垂直居中一个div一个div内与引导3
看起来像这样:
忽略的风格,我只想垂直居中“Pasiónpor el vestuario”。
这是我的HTML代码(我使用的是引导3):
<div class="container-fluid">
<div class="row ">
<div class="col-sm-12 " id="pasion-div">
<div class="text-center">
<h1 id="pasion-texto">Pasión por el vestuario</h1>
</div>
</div>
</div>
</div>
而在这唯一的容器所使用的CSS:
#pasion-div{
background-image: url("media/imagen-fondo-menu.jpg");
background-repeat: no-repeat;
background-size: cover;
min-height: 400px;
padding: 13px;
}
#pasion-texto{
font-family: 'Lora', serif;
color: white;
font-size: 5em;
/*width: 400px;*/
}
我已经试过这样:
.vertical-align {
vertical-align: middle;
display: inline-block;
}
但它只是将它移动到左上角。
我在想一些元素之间存在一些冲突,或者div的排序不好。