twitter-bootstrap - 页眉 100 % 宽度不起作用

Question

CSS

.page-header{
    background: #393e4f;
    width: 100%;
    height:50px;
    margin: 0 auto;
}

---

HTML

 <div class="container">
    <div class="page-header"><span>XYZ</span></div>
    </div>

我希望我的 page-header 占页面宽度的 100%。

我得到了我不想要的结果。

谢谢。

Answer 1

bootstrap container 类添加边距。如果要使用标题全宽，请将其从容器中取出。

check here .

容器宽度在 Bootstrap css 的这一部分中给出。