CSS - SharePoint Web部件中的响应式引导程序轮播

Question

我只是想在使用Bootstrap轮播时使用它，但它已被大大定制（虽然不是我）用于SharePoint Web部件。我觉得这一点非常重要，因为在这个特定的环境中可能会有很多事情影响CSS。

话虽这么说，我在制作Bootstrap轮播时遇到了麻烦。我移动了很多样式，但这是最新的迭代：

#Carousel { 
max-width: 400px; 
}

@media screen and (max-width: 926px) {

#Carousel { 
position: relative; 
width: 100%; 
height: 0; 
padding-bottom: 40%; 
}

#Carousel .carousel-indicators, #jbCarousel .carousel-inner, #jbCarousel .control-container { 
position absolute; 
width: 100%; 
}

}

我希望#Carousel容器最多400px;我也试着保持它的宽高比。这不起作用，无论窗口如何调整大小，它都会保持400px。由于我在上面设置的孩子都在width: 100%，因此他们也设置为400px，因此实际上没有任何尺寸变化。