pretty magazineのレイアウト/ marketing-esqパンフレット以外のマージンを適用する場合、http://960.gsまたはhttp://blueprintcss.orgのいずれかを使用する点はありません。ヘッダーに実際に触れる/折り返すことができるNavbarなどの特定の設計要件を満たすためにこれらを使用する方法はありますか? これらのフレームワークをマージンなしで使用するための入力は、CSSの熟練度の低い開発者にブラウザの互換性を強制するため、理想的です。(注:私たちはJSFを使用しています。これはWebショップではなく開発店でもあります)CSSフレームワーク(つまり:960gsまたはBlueprintcss)をマージンなしで使用できますか?
0
A
答えて
2
私は私の究極のCSSレイアウトの技術として、このテクニックを使用します。
http://www.codeofficer.com/blog/entry/css_grid_frameworks_960gs_without_margins/
私はかつて同じ問題があったが、私は1つ、すべてのマージン頭痛が消えるを持っていることを使用しているため。 私は!重要なを使用して、カスタムの幅/高さを使用する必要がある場合に使用します。
コード:
<div class="g_9 content_main">
This div should actually have 720px in width.
But I overide it using another class so now the width has become 700px,
and just in case it needs custom margin, we can always set it in the css :)
</div>
CSS:
.c_12 .g_9, .c_16 .g_12 { width: 720px; } /* 960-full.css */
.content_main { width: 700px !important; margin-left: 15px;} /* style.css */
0
サイトの各部門にグリッドクラスを使用する必要はありません。ヘッダーがグリッドレイアウトに従う必要がない場合は、ヘッダーに独自のスタイルを作成します。グリッドを完全にスキップし、フォーム&のタイポグラフィマークアップを使用することもできます。このフレームワークは、プロジェクトに一定の一貫性を持たせるための試みです。
私は主な内容について青写真を使用していますが、ヘッダー領域には独自のカスタムレイアウトがあります。
0
ここでフレームワークを書き換えることなく、あなたがそのタッチの要素の作成を支援するために960gsと連携し、私が書いたmodがあります。
関連する問題
- 1. CSSで負のマージンは使用できませんか?
- 2. パーセントとマージン、パディング、またはボーダーを使用しているCSS
- 3. CSSでは、ポジションプロパティではマージンはどうしますか?
- 4. レスポンスCSSコンテナのタブレットサイズでのマージンがなくなります
- 5. CSS - マージンとパディングに使用する必要があります
- 6. Windows XPまたは7で最新の.NETフレームワークを使用できますか?
- 7. ここでLESS CSSフレームワークを使用できないのはなぜですか?
- 8. Nugetライブラリは1つのフレームワークで「利用可能」であり、別のフレームワークでは使用できません。いずれかでクラッシュが発生します
- 9. ブートストラップCSSなしでフォントワームアイコンを使用できますか?
- 10. ウェブサイトレイアウト:パーセントまたはフレックスボックスでCSS幅を使用しますか?
- 11. 私はPHPプロジェクトでZendフレームワークを使用できますか?
- 12. HTML/CSS望ましくないマージン
- 13. CSSフレームワークを使用していますか?
- 14. どのような練習は純粋なjavascript&cssを使用して、またはフレームワークを使用してより良いですか?
- 15. CSSではいつ "position:relative"を使用しますか?
- 16. Expressフレームワークで使用できません
- 17. .Netを使用してリモートでエラーを記録するためのフレームワークまたはライブラリはありますか?
- 18. HTML Help Workshop - .CHMファイル内でCSSまたはJavaScriptを使用できますか?
- 19. バニラCSS(フレームワークなし)を使用したカスタムCssグリッド
- 20. CSS CDN:私が使用できる公開CSSファイルはありますか?
- 21. htmlとcssを使用したナビゲーションバーはクリックできません。
- 22. ld:フレームワークが見つかりませんでした。MBProgressHUD(Nativescript)
- 23. 反応フレームワークでpug(ex-jade)を使用できますか?
- 24. MPAでSPAフレームワークを使用できますか?
- 25. Google App EngineでJava EEフレームワークを使用できますか?
- 26. iPhoneSimulatorsフレームワークをCocoaアプリケーションで使用できますか?
- 27. Swift 2.3プロジェクトでSwift 2.3フレームワークを使用できますか?
- 28. Swipe 2.2でVapor Webフレームワークを使用できますか?
- 29. アンドロイド開発用のSpringフレームワークを使用できますか?
- 30. blueprintcss、One Span-24の中に2つのSpan-12がありますか?