如何在骨架,响应960网格中制作完整的背景色?

时间:2013-08-10 18:59:44

标签: skeleton-css-boilerplate

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

以下是现在的样子: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>

1 个答案:

答案 0 :(得分:2)

您可以将.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>