css - 引导流体容器垂直中心

我正在努力将DIV放在流体容器（引导器）中，您可能会帮助我解决问题。

我想得到以下结果;在页面上垂直居中的全宽块：Image vertically centered block

我通过几个主题寻求答案，并设法使其起作用……直到我使用“ fluid” Bootstrap类以获取全角元素。

编辑：我试图使用Flexbox，但该块被卡在页面的顶部：enter image description here

html,
body {
    min-height: 100%;
}
.container-block {
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
}

.block {
height: 100px;
width: 100%;
background: #313131;
}

HTML：

<div class="fluid-container">
  <div class="fluid-container container-block">
    <div class="col-lg-12 text-center block">AAA</div>

</div>

您知道我在做什么错吗？

非常感谢你 ！

最佳答案

100％的高度还不够
尝试将min-height : {somemeasure}px添加到您的CSS中，以显示要阻止的表格单元格的更改
或者您可以尝试对块使用flexbox方法：

.someselector {
  display         : flex;
  justify-content : center;
  align-items     : center;
}

关于css - 引导流体容器垂直中心，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38263367/