skeleton-css-boilerplate - 如何在骨架中制作完整的背景颜色，响应式 960 网格？

Question

我正在尝试使用骨架框架来实现完整的背景宽度。目前，运气不好。

这是它现在的样子： http: //shrani.si/f/3A/Uy/28somHnh/capture.png

谢谢大家帮助我。

<div class="container"> 
<div id="portfolio-color">

<div class="sixteen columns">
<div id="color">
<div class="five columns offset-by-four">LATEST WORK



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

 </div>

Answer 1

您可以通过放置.container一个全宽包装元素来做到这一点。像这样的东西：

在这里查看 dabblet http://dabblet.com/gist/6476534

<style>
    @import url(import.skeleton.before.css)
    .wrapper {width: 100%;}
    .color-one {background-color: red;}
    .color-two {background-color: green;}
</stlye>

<div class="wrapper color-one">
    <div class="container">
        <div class="sixteen columns"></div>
    </div>
</div>

<div class="wrapper color-two">
    <div class="container">
        <div class="five columns offset-by-four"></div>
        <div class="eleven columns"></div>
    </div>
</div>