覆盖网页居中答案

【问题标题】：Override webpage centered覆盖网页居中
【发布时间】：2015-12-29 02:14:51
【问题描述】：

我正在使用 Angular Drywall 来构建我的网站。它的默认对齐方式是在中心。但是，我要渲染的模板需要占据 100% 的 body 宽度。我在css中使用过，

body{
    width:100%;
    margin-left:0;
    padding-left: 0;
    background-color: yellow;
}

这会在整个查看区域呈现黄色。但是我的模板中的内容还是渲染到了中心。

如何覆盖它？

谢谢。

编辑：我没有很多代码。我附上了两张图片，说明它的外观和我希望它的外观。

  <h1>Work Bench </h1>


<div class="col-lg-3 left">
     <div class="input-group resize">
            <input type="text" class="form-control" placeholder="Search Element"/>
            <span class="input-group-addon">
                <i class="fa fa-search"></i>
            </span>
     </div>
</div>

【问题讨论】：

您有图片、jsfiddle 或 codepen 示例吗？
请为内部内容提供更多代码。
我无法制作小提琴，因为它是我正在使用的现有项目。角石膏板：github.com/arthurkao/angular-drywall
似乎元素没有放在内容 div 中。内容 div 的宽度和位置应与页脚相同。
@herrh 我希望内容的呈现超出页脚的宽度并占据整个页面。第一张图就是我想要的样子。

标签： angularjs html css twitter-bootstrap-3

【解决方案1】：

引导解决方案：

关闭容器或容器流体 div 并在将您的内容置于其间后重新打开它。

<div class="container">
    <!-- navigation bar stuff -->
</div>

your elements here

<div class="container">
    <!-- footer stuff -->
</div>

Bootply example

【讨论】：

非常感谢。这正是我想要的。
很高兴能帮到你;)