0

我刚开始使用引导程序，我认为它很棒。但我很难弄清楚如何在引导程序的基本容器周围添加一个包装器。

我正在使用流体响应 css，它很好地将 .container 内的元素居中。

但是我的整个页面作为一个整体有背景，我希望实际内容区域（容器所在的位置）有不同的背景

所以基本上我有例如

<div id="wrapper-page" style="background-color:grey; ";> 
<div id="wrapper-content" style="background-color:#93C;> 

  <div class="container">Header Contents here </div>
  <div class="container">Body Contents here </div>
  <div class="container">Footer  Contents here </div>

</div>
</div>
</div>

有没有一种简单的方法来实现我所需要的？

我实际上可以轻松修改 bootstrap.css 文件以实现我想要的，但我真的想将我的修改保留在模板/框架之外，以便以后轻松升级

4

1 回答 1

0

你为什么不把它wrapper-content也做成一个 Bootstrap.container呢？

<div id="wrapper-page" style="background-color:grey; " ;=""> 
<div id="wrapper-content" class="container" style="background-color:#93C;"> 

  <div class="container">Header Contents here </div>
  <div class="container">Body Contents here </div>
  <div class="container">Footer  Contents here </div>

</div>
</div>

演示

于 2013-07-01T10:41:46.350 回答