1

私style.lessが定義したいのは.element、クラスの要素内にネストされたクラスを持つすべての要素.groupが、ブートストラップクラスの同じプロパティを持つこと.col-sm-6です。

残念ながら、クラス.col-sm-6を要素に直接追加することはできません。

そのプロジェクトでは、bootstrap はtapestry5/bootstrap/css/bootstrap-darkly.cssmy に関連するフォルダーで利用できますstyle.less。(方法) CSS クラスを my 内の mixin として使用することはできますstyle.cssか? 私は試した：

@import (reference) "tapestry5/bootstrap/css/bootstrap-darkly.css";

.group .element {
  .col-sm-6;
}

残念ながら、Less4J 例外が発生します。

Could not find mixin named ".col-sm-6". - line 4 - position 3

CSS をミックスインとして使用することは不可能ですか、それとも私の構文に何か問題がありますか?

4

2 に答える 2

2

css使用可能なファイルをファイル末尾に変更してlessインポートする場合 (すべての CSS が有効であるため、LESS が有効です)。少ないコンパイラは、ミックスインとして見つけて使用できます.col-sm-6。

@import (reference) "tapestry5/bootstrap/css/bootstrap-darkly.less";

.group .element {
  .col-sm-6;
}
于 2015-03-11T09:36:47.217 に答える
2

Bootstrap LESS を使用する場合は、CSS の代わりに mixin を使用することもできます。彼のコメントで示唆されているようmake-*-columnに、CSS クラスを使用する代わりに、seven-phases-max を使用できます。

代わりにこれを行います：

.group .element {
  .make-sm-column(6);
}
于 2015-03-11T18:12:41.453 に答える