如何將這個div居中放置在一個區域中？

Question

問題背景：

我正在使用Bootstrap爲Web應用程序創建一個頁面。

的問題：

我有兩個Sections的佈局中。我希望Sections內的信息divs在水平和垂直方向均居中。

目前我無法獲得div中心。

我曾嘗試將以下內容應用於兩個部分內的div，但對佈局沒有影響。

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

這裏是我的佈局的代碼筆：

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

這說明問題。任何幫助獲得完美中心部分的信息將非常感激。

Answer 1

你可以使用柔性：

#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的找出哪一個關聯到什麼