如何将这个div放在部分的中心？

Question

问题背景：

我正在使用Bootstrap为Web应用程序创建页面。

问题：

我在布局中有两个Sections 。 我想要的信息divs的内Sections进行水平和垂直居中。

目前，我无法使div居中。

我尝试将以下内容应用于两节中的div，但布局没有区别。

.centerSectionDivs{
   float: none;
   margin: 0 auto;
}

这是我的布局的代码笔：

http://codepen.io/daveharris/pen/rxvLby

这显示了问题。 任何帮助使本节中的信息完全集中的帮助将不胜感激。

Answer 1

您可以使用flex：

#section1 {
  display:flex;
  flex-direction:column;
  justify-content:center;
}

http://codepen.io/gc-nomade/full/xZzRav/

Answer 2

您的html中无处使用名为.centerSectionDivs的类。

所以什么都不会改变，因为它不存在。

所以这：

    .centerSectionDivs{
      margin:0 auto;
    }

不需要。

您可能需要查看其他类或ID，以找出哪个与哪些相关