3

にを追加できることは理解class="span3"してdivいますが、LESSを介して同等の属性を別のクラスに付与したい場合はどうすればよいですか？

例：

<div class="span3">This width is span3</div>
<div class="anotherClass">I want to make this also span3, but without explicitly calling it out</div>

LESSでは、次のようなことをしたいと思います。

.anotherClass {
    .span3();
}

これどうやってするの？

4

2 に答える 2

3

ドキュメントには、括弧なしで参照することにより、任意のクラスまたは ID ルールセットを含めることができると記載されています。

.anotherClass {
    .span3;
}

ただし、特定のケースではinclude、コンパイルされた Bootstrap CSS をそのようにクラスに混在させることはできず、Bootstrap LESS ソースは.span1、.span2などと呼ばれるクラス/ミックスインを完全に定義していません。

mixins.lessには、引数.span(@columns)に応じて、引数とともに、幅を計算するために使用される@gridColumnWidthmixin@gridGutterWidthという名前があります。次を使用して呼び出すことができます。

.anotherClass {
    #grid > .core > .span(3);
}

これは、ターゲットに対して計算される幅のみを提供します.span3。

それが目的ならそれでいいのですが、 という名前の要素に適用される他のルールもあり.span3ます[class*="span"]。したがって、それらをミラーリングしようとしている場合、プログラムでそれを行うことはできません。ファイルを手動で調べて、必要な属性をコピーする必要があります。

于 2013-02-07T21:42:52.173 に答える
2 
.anotherClass {
    .span(3);
}

仕事をします。ブートストラップは、スパンを作成するための汎用クラス spanX を定義しているためです。

于 2013-05-08T12:30:21.567 に答える