HTML页面上的垂直中心元素，顶部有一些内容（Bootstrap）

Question

我正在使用bootstrap构建一个网站，它在顶部有一些（最小的）内容（基本上是标题，副标题和导航栏）。我希望能够水平和垂直居中。这个div的内容很小，比如登录或搜索小部件。

在Bootstrap和CSS中执行此操作的建议方法是什么？当然，我希望它在手机上打开时看起来也很“好”。顶部的内容相当小，因此在小屏幕上，顶部和中心不太可能触及。这与此风格中的其他问题不同，因为我在顶部也有一些内容。我想我可以尝试遵循其中一个答案，并“绝对”将内容放在顶部，但不知何故这似乎不太干净。有更好的解决方案吗？

Answer 1

Kristof 你好。搜索可能会给你一个如何做到这一点的答案 他是 Fiddle ，会做你想做的事情。

.centerthis {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;  
}