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、全幅のラッピング要素を配置します。このようなもの：

ここでダブレットを参照してください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>