bootstrap3 div 元素上下居中

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;     /* Align the flex-items vertically */
  justify-content: center; /* Optional, to align inner flex-items
                              horizontally within the column  */
}

https://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3/25517025#25517025