Как сделать полный цвет фона в скелете, отзывчивую сетку 960?

Я пытаюсь добиться полной ширины фона, используя структуру каркаса. Пока что не повезло.

Вот как это выглядит сейчас: 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>

skeleton-css-boilerplate
person tydek    schedule 10.08.2013    source источник
comment
Конечно, позвольте мне просто использовать мои телепатические способности... готово. Теперь мне нужно найти, где вы храните свой код. О, вот оно! А, видите, все, что вам нужно сделать, это изменить _____ на _____. А если серьезно, то где твой код...?   -  person jeremy    schedule 10.08.2013
comment
Любой? Мне нужно найти решение, да...   -  person tydek    schedule 11.08.2013

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете сделать это, поместив .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>
person eridani    schedule 07.09.2013