替代網頁居中

我正在使用Angular Drywall構建我的網站。它的默認對齊位於中間。但是，我想渲染的模板需要佔據身體寬度的100％。我在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>

來源

2015-12-28 dpm

你有一個圖像，或者的jsfiddle例如codepen？ – FlipFloop

請向內容提供更多代碼。 – shadeed9

我無法制作小提琴，因爲它是我正在使用的現有項目。 Angular Drywall：https：//github.com/arthurkao/angular-drywall – dpm

引導解決方案：

關閉容器或容器流體格，並把你的內容betweeen後重新打開它。

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

your elements here 

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

Bootply example

來源

2015-12-28 16:47:28 herrh

謝謝。這正是我想要的。 – dpm

很高興能幫到你;） – herrh

替代網頁居中

回答

相關問題