Twitter bootstrap 页眉100%宽度不工作

CSS

---

HTML

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

XYZ

我希望我的

页眉

为页面的100%宽度

我得到了我不想要的结果

---

谢谢。

bootstrap

container

类增加了一个边距。如果您想使用全宽的标题，请将其从容器中取出

---

容器宽度在引导css的本节中给出。

通过将最外层的.container更改为.container流体，将任何固定宽度的网格布局转换为全宽度布局

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

...

开始时的主体元素具有默认边距。这就是为什么你周围有空白。 在大多数主流浏览器中，默认边距都是8px。它是由浏览器提供的用户代理样式表以像素为单位定义的，只需将此代码插入到浏览器中即可

<div class="container-fluid">
  <div class="row">
    ...
  </div>
</div>

---

当然可以。但是如果您想在其他页面中使用container类，它可能会变得混乱。。非常感谢。我把它放在外面。@Leothelion你确定吗？比较和@Leothelion，他在用bootstrap。所以你是说他应该把它保存在.container中，并在引导css中更改代码，或者在他自己的css中重写该类。说到你的观点，“如果他需要把头球放在容器里怎么办？”如果他不想得到利润，把头球放在容器里有什么意义？@Leothelion呃……你刚才是不是告诉我如果我不同意你的观点就离开？我想你错了。问题是主体“容器”的默认值为8px。他把所有的子元素都推进去。如果我错了，请更正。如果您只删除.container类，问题仍然存在。编辑了我的代码，请在我的代码下尝试。这是bootstap remove的默认填充padding@Leothelion现在我编辑了上面的代码，这将删除填充

  body
    {
    width:100%;
    margin:0;
    }