問題タブ [skeleton-css-boilerplate]

私は自分のウェブサイトにレスポンシブ スケルトン フレームワーク (ボイラープレート) を使用しています (ここから入手できます: http://www.getskeleton.com/ )。

<ul>高さの異なるリスト列があります。ネストされた列をクリアするには、CSS は、.clearfixクラスを親要素に配置する必要があると言います。

クラスを配置しようとしましたが、ネストされた列はクリアされません。リストアイテムを使用しているため、要素<ul>を配置したり、要素の中に入れたりすることはできません<ul>。

これに対する解決策はありますか？

私のhtmlコード:

Skeleton CSS では、最初の列の高さが 500px で、(d) と (e) の列を一番下/2 行目に移動するか、ネストされた列をクリアする必要があります。

別の行に移動するたびに別の行を空にすることを考えて<li class="clear"></li>いますが、それは機能しますが、別の解決策を探しています。空の追加よりも適切なもの<li>

ありがとうございました。

レスポンシブな動作などを支援するために、最初にスケルトンを紹介されたときに UI フレームワークを使い始めました。

それから Bootstrap に移りました。今では、Zurb's Foundation とその機能が気に入っています。

異なるフレームワーク間で簡単に (または比較的簡単に) 切り替えることができないのは、css クラス、btn、row、spanX などのフレームワーク固有のスタイルをコード自体に追加することです。

フレームワークを変更するたびに、コードに移動してすべてのインスタンスを変更する必要があります。主に Rails と Node.js でアプリケーションを構築しています。ソースコードを変更する必要がないようにするツール/アプローチはありますか?切り替えを行ったときにのみ変更するように、スタイリング情報を個別にマークアップしておくことができますか?

私のプロジェクトでは、初めて Skeleton Boilerplate を使用しています。そして、スケルトンのルールにぶつかることなく、スケルトンの div を中央に配置するベスト プラクティスを探しています。

現在、ログインページの構造は次のとおりです。

HTML:

CSS:

ご覧のとおり、#loginBox の幅と高さは固定されており、常にページの中央に配置する必要があります。margin: 0px 自動コードは、水平方向のセンタリングを提供します。しかし、それは Skeleton でのベスト プラクティスでしょうか? スケルトンはより良い方法を提供しますか?

また、垂直方向のセンタリングを提供するにはどうすればよいですか?

スケルトン フレームワークを使用して、背景の全幅を実現しようとしています。とりあえず不運。

現在の様子は次のとおりです。http://shrani.si/f/3A/Uy/28somHnh/capture.png

助けてくれてありがとう。