css - Twitter bootstrap: carousel control not vertically aligning correctly in all responsive views

Question

My carousel controls look fine at 940px, but when I resize the browser to tablet or mobile views the controls are not aligned in vertically in the center.

View example here.

Answer 1

styles.cssには、次のルールがあります。

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

これheight: 100%は違反しているコードであり、削除する必要があります。実際、他のすべてのルールには、 bootstrap.cssにすでに存在するルールの重複があるため、すべてを削除する必要があります。