0

LESS.js でhttp://semantic.gsを使用しています。概念を理解するのに苦労しており、ドキュメントが完全に明確ではありませんでした。LESS.js についてはあまり読んでいないことは認めますが、Semantic Grid System Web サイトのドキュメントは読みました。

列がたくさんあるだけで、番号が付けられた各列はless.jsによって処理（？）されることを理解しています。

// This LESS rule...
article {
   .column(9);
}

// Is compiled to...
article {
   display: inline;
   float: left;
   width: 700px;
   margin: 0 10px;
}

これは、列の位置が異なることを除いて、ほとんど同じでしょうか?

フッターに使用する列を見つけるにはどうすればよいですか? フッターを作成するために通常の css を適用する必要があるかどうかはわかりません。

乾杯。

4

1 に答える 1

0

おそらく、列を定義するLESSMixinが作成されています。おそらくこのように見えます。

.column(@span: 1) {
        float:left;
        width: 8.33333% * @span;
}

@spanは、各セクションにまたがるグリッド列の数​​です。したがって、12列のグリッドであるとすると、フッターをグリッドの幅全体に広げる必要があります。

footer {
        .column(12);
}
于 2012-04-15T01:54:33.640 に答える