css - Twitter bootstrap：轮播控件在所有响应式视图中未正确垂直对齐

Question

我的轮播控件在 940 像素时看起来不错，但是当我将浏览器的大小调整为平板电脑或移动设备视图时，控件并没有在中心垂直对齐。

在此处查看示例。

Answer 1

In styles.css you have the rule:

.carousel-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

The height: 100% is the violating code, and should be removed. In fact, all the other rules you have there are duplicates of rules already present in bootstrap.css, so you should just get rid of all of it.