1

すべての行の周りにラッパー div を配置し、基礎 4 が提供する応答性を維持する方法を考えています。ラッパー div が必要な理由は、それに box-shadow を適用したいからです。Foundation 4 の行は個別のブロックであるため、box-shadow は行の上部と下部に影を生成しますが、これは望ましくありません。

これは私が持っているものです: http://foundationproj.creeight.se/home.html

私はそれを次のように見せたいです(端に影があります): http://foundationproj.creeight.se/screen.jpg

乾杯!

4

1 に答える 1

2

からスタイルを.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-13T15:47:46.880 に答える