Javascript 如何在div上最大化引导滑块/转盘？

我有一个html代码，希望最大化一个div内的旋转木马？为了实现这个目标，我应该包括哪些属性

当前结果与旋转木马一起有一个空部分。我使用引导样式来减少css样式

/*仅用于测试*/
.item img{宽度：100%；高度：自动}
身体{
背景色：#FFF；
溢出：隐藏；
宽度：100%；
边际：0px；
}
.第页{
显示：块；
宽度：100%；
最小高度：800px；
溢出：自动；
保证金：0px自动0px自动；
框大小：边框框；
}
.pageClockPanel{
背景色：#333；
位置：固定；
顶部：0px；
左：0px；
明确：无；
宽度：60%；
身高：10%；
填充：10px；
}
.pageRightPanel{
背景色：#1A237E；
位置：固定；
顶部：0px；
右：0px；
明确：无；
宽度：40%；
身高：87%；
框大小：边框框；
填充：10px；
}
.pageLeftPanel{
背景色：#FFF；
位置：固定；
排名前10%；
左：0px；
明确：无；
宽度：60%；
身高：100%；
框大小：边框框；
填充：0px；
}
.页面底部面板{
背景色：#333；
位置：固定；
底部：0px；
右：0px；
明确：无；
身高：13%；
宽度：100%；
框大小：边框框；
填充：10px；
}
div.pageLeftPanel.test{
背景色：#FFF；
身高：100%；
}

只需在css

中添加这一行即可。项目img{宽度：100%；最小高度：80vh}

如果您使用

vh

属性，它会帮助您

。项目img{宽度：100%；最小高度：80vh}
身体{
背景色：#FFF；
溢出：隐藏；
宽度：100%；
边际：0px；
}
.第页{
显示：块；
宽度：100%；
最小高度：800px；
溢出：自动；
保证金：0px自动0px自动；
框大小：边框框；
}
.pageClockPanel{
背景色：#333；
位置：固定；
顶部：0px；
左：0px；
明确：无；
宽度：60%；
身高：10%；
填充：10px；
}
.pageRightPanel{
背景色：#1A237E；
位置：固定；
顶部：0px；
右：0px；
明确：无；
宽度：40%；
身高：87%；
框大小：边框框；
填充：10px；
}
.pageLeftPanel{
背景色：#FFF；
位置：固定；
排名前10%；
左：0px；
明确：无；
宽度：60%；
身高：100%；
框大小：边框框；
填充：0px；
}
.页面底部面板{
背景色：#333；
位置：固定；
底部：0px；
右：0px；
明确：无；
身高：13%；
宽度：100%；
框大小：边框框；
填充：10px；
}
div.pageLeftPanel.test{
背景色：#FFF；
身高：100%；
}

使用父元素class=row或row fluid，然后将旋转木马直接嵌套在div class=col-md-12中。worldwidetelescope.org网站目前使用这种方法。主席先生，我试图改变它的值，为什么它在80上工作，但不低于该值？如果是100，也有点弹性。这是基于你父母的div高度