中心div内容垂直和水平不起作用

Question

我有一个网站有多个部分，但我的网站没有滚动，所以当我想去每个部分时，我应该点击该部分的菜单中的按钮...无论如何，网站应将每个部分内容显示为具有全宽和高度的封面（一页），并以该部分的主要内容为中心。

我尝试使用vertical-align:middle与display table-cell进行此操作..我在JSFiddle上编写代码

欢迎div应显示在我的页面中心。

Answer 1

您需要添加以下内容：

html,
.container-fluid {
    height:100%;
}

Example

Answer 2

设置html{height:100%;}和.container-fluid{height:100%;}

Answer 3

添加保证金：50％自动;在欢迎班

  .welcome {
    background-color:#ccc;
    padding:20px;
    color:#000;
    margin:50% auto;
  }