Html 如何使引导转盘标题延伸转盘的整个宽度？

我有一个旋转木马，它是整页的宽度。现在，我需要将旋转木马标题设置为页面的全宽以及黄色背景。背景应为页面的全宽，但实际标题文本应居中

它应该是这样的：

这就是它现在的样子：

HTML:

这里是标题1的文本。
这里是标题2的文本。
这里是标题3的文本。

CSS:

.旋转木马标题{
最大宽度：100%；
宽度：100%；
背景色：#ffb81c；
}

您只需要添加文本对齐：居中，因为它实际上已经使用了全宽

如果某个东西是浮动的，您可以使用clearfix来解决它，请检查此jsfidlle

这里是标题1的文本。
.旋转木马标题h1{
最大宽度：100%；
背景色：#ffb81c；
文本对齐：居中；
}

---

警察局。我添加了h1标记以获得更好的语义结构。

carousel caption

类声明div具有绝对位置，其位置为左侧的15%

所以你可以试着覆盖它。以下是css：

.carousel-caption {
    max-width: 100%;
    width:100%;
    background-color: #ffb81c;
    left: 0;
}

---

您想增加标题的字体大小还是增加字母之间的间距以使其全宽？我也不想这样做。我只希望旋转木马标题的背景能够扩展页面的整个宽度。我只是在我的帖子里添加了一些图片。希望这更有意义。检查.item和.carousel内部类的宽度。要将标题扩展到全宽，其父元素的宽度必须为100%，这正是我需要的。非常感谢。

<style type="text/css">
    .carousel-caption {
     max-width: 100%;
     width:100%;
     background-color: #ffb81c;
    }
</style>

<div class="carousel-caption">
    <h1>
    Text for caption 1 here.
    </h1>
  </div>


.carousel-caption h1 {
 max-width: 100%;
 background-color: #ffb81c;
 text-align:center;
}

.carousel-caption {
    max-width: 100%;
    width:100%;
    background-color: #ffb81c;
    left: 0;
}