使用html设置旋转木马的宽度

我试着缩小旋转木马的宽度，这样它就不会占据整个页面的宽度，但它似乎不起作用。我想宽度只跨越8列和中心。我尝试过改变CSS代码，使宽度为50%，而不是100%，但这不起作用

.item{
高度：300px；
}
.项目，
img{
高度：500px！重要；
宽度：100%！重要；
}
.项目h3{
字体系列：“安东”，无衬线；
字体大小：48px；
颜色：玉米丝；
}
.项目p{
字体系列：“安东”，无衬线；
字号：18px；
颜色：玉米丝；
}

欢迎来到我的网站
希望你喜欢！

为什么不使用上层，即外部div元素（

id=“carousel example generic”class=“carousel slide”

）

例如

通过引导，您还可以使用引导网格，包括偏移：

.carousel{
  width: 50%;
  margin: 0 auto;
}