在引导轮播中扩展图像全屏/防止扩展过去的视口

Question

我正在使用最新版本的引导程序。我有一个全屏轮播，里面的内容是垂直居中的，有 2 个问题：

1. 我无法一直扩展图像，我在代码中的某处遗漏了height:100%; 我很确定，但我不知道它应该在哪里！

   编辑： 我遇到的另一个问题是让我的.carousel-content 类也扩展全屏（因此内容垂直居中）如果滑块上有固定高度但它可以工作只是在全屏版本的顶部对齐

2. 我的全屏轮播没有考虑导航栏，因此它延伸到视口之外。我可以通过添加margin-top:-121px;（我的导航/标题的高度）来解决这个问题，但这不是我喜欢的修复，因为 121px 的图像隐藏在标题下。

更新小提琴：http://jsfiddle.net/bwupc7g6/1/

如果有人可以看一下，我相信这对其他用户也会有用。

Answer 1

.carousel-inner .item div {
  height:100%;
}

我建议您为该 div 使用正确的类名，因为它没有。