这个问题在这里已有答案：
- 如何在bootstrap中使用垂直对齐 8个答案
5378
2017-12-09 08:03
起源
display:table-cell;导致这种错误的行为，尝试使用 display:block - MarmiK
答案:
加 !important 统治到 display: table 你的 .v-center 类。
.v-center {
display:table !important;
border:2px solid gray;
height:300px;
}
您的显示属性被引导程序覆盖 display: block。
12
2017-12-09 10:13
第二列的固定高度不符合上面的＃4，因为它的高度应缩小以适合文本大小的高度 - HP.
别介意我搞清楚了。只需在移动媒体查询中设置高度：自动 - HP.
.row {
letter-spacing: -.31em;
word-spacing: -.43em;
}
.col-md-4 {
float: none;
display: inline-block;
vertical-align: middle;
}
注意：.col-md-4可以是任何网格列，这只是一个例子。
0
2018-03-18 11:36