1

自分のサイトに1140gridを実装したいと思います。レイアウトは非常にシンプルです。

100% header
25% sidebar 75% page
100% footer

http://jsfiddle.net/KB5Nq/も参照してください

問題は、サイトがモバイルビューのときにスタックの順序を変更したいということです。

100% header
100% page
100% sidebar
100% footer

ただし、デフォルトでは、ブロックはソースコードに表示されるのと同じ順序(ヘッダー、サイドバー、ページ、フッター)に配置されます。

そのための簡単なCSSのみの修正はありますか?

4

1 に答える 1

1

あなたはこれを試すことができます。ドキュメントフローのメインバーとサイドバーを並べ替えて、フレームワークスタイルを負のマージンでハックします。

.container .eightcol {margin-left:34.55% !important;}
.container .fourcol {margin-left:-100% !important;}

http://jsfiddle.net/KB5Nq/2/

それでも、そもそもあなたのニーズを満たさないハッキングされたフレームワークを使用することはお勧めしません。単純なレイアウトの場合、クリーンできちんとしたバニラコードを作成する方が速い場合があります。

于 2012-10-10T21:34:41.523 に答える