Css 覆盖容器

我正在研究一个儿童主题。在父主题中，容器的宽度不会影响整个宽度（整个屏幕），但我希望在我的站点中，标题的宽度为100%。 它不工作，因为h1-h6在容器分区内。

---

那么，尽管标题位于父容器内，但如何使标题仅为100%宽度？

是的，很抱歉，我会更好地解释。 我的网站是基于引导的。引导具有默认的容器宽度值（

)

现在我正在研究一个基于引导的父主题的子主题。我只希望特定页面（产品页面）的标题为100%宽度，但我无法管理它，因为它位于容器中。 解决： 1） 把它带到容器外面。这是不可能的，因为container div位于父主题文件夹的/content.php中，现在我正在处理另一个文件（single-product.php，位于子主题中）。 2） 使用“位置：绝对”。但是它弄乱了页面，使页面毫无反应

我试过了

.container .product-title{
width:100%
}

---

但是它不起作用。

尝试更改标题类的索引，然后应用宽度

.product-title{
z-index: 10;
width: 100%;
}

我希望这对你有用

---

（尝试编辑您的问题，而不是将澄清作为答案发布）

您需要覆盖容器。请提供更多信息（HTML、CSS、JSFIDLE等）。你能解释一下“容器宽度对整个宽度不起作用”是什么意思吗？嘿，还有其他可能的解决办法吗？我无法解决此问题。若要让页面填满整个屏幕，请将.container更改为.container fluid，请参见。您还可以在JSFIDLE上显示代码，希望我们能更好地帮助您。

.product-title{
z-index: 10;
width: 100%;
}