Wrapper div in foundation 4

Мне интересно, как поместить обертку div вокруг всех строк и по-прежнему поддерживать отзывчивость, которую дает основание 4. Причина, по которой я хочу обертку div, заключается в том, что я хочу применить к ней квадратную тень. Так как строки в основании 4 представляют собой отдельных блоков, тень окна генерирует тень сверху и снизу строк, чего я не хочу.Wrapper div in foundation 4

Это то, что у меня есть: http://foundationproj.creeight.se/home.html

Я хочу, чтобы выглядеть следующим образом (с тенью по краям): http://foundationproj.creeight.se/screen.jpg

Ура!

источник

2013-03-13 Robin Cox

Я просто схватил стили от .row и применил их к новому DIV:

#pageWrapper { 
    margin: 0px auto; 
    max-width: 62.5em; 
    width: 100%; 
    box-shadow: 0px 0px 15px; 
    border-radius: .5em; 
} 

<body> 
    <div id="pageWrapper"> 
     ... 
     <footer>...</footer> 
    </div> 
</body>

источник

2013-03-13 15:47:46 isherwood

Wrapper div in foundation 4

ответ

Смежные вопросы