0

もちろん12列幅のZurb Foundationを使用してサイトを開発しました。

コンテンツの幅が十分に広い場合は、コンテンツの両側に広告を配置できるようにしたいと考えています。それ以外の場合は、下に表示します。十分なスペースがない場合は、他の場所に移動するという最後のビットを理解できます。

例は次のようになります: Zurb テンプレート

コンテナーの前 (ヘッダーの下など) にフローティング div を試してみましたが、これらは常にブラウザー ウィンドウに突き合わせられます。左にフロートしてから右にフロートさせたいので、コンテンツの隣にあるので、コンテンツから一定の距離を保つためにパディング/マージンを適用できます。

考え？

ありがとう。

4

2 に答える 2

0 
<div class="row">
<div class="large-2 columns hide-for-small ads">
 ...
</div>
<div class="large-8 columns small-12 columns">
..
 </div>
<div class="large-2 columns hide-for-small ads">
...
 </div>
</div>
<div class="small-12 columns show-for-small ads">
 ...
</div>
    <div class="small-12 columns show-for-small ads">
 ...
</div>

class="hide-for-small" を使用して、大きな画面の div を非表示にします

于 2013-10-26T08:57:58.350 に答える