2

次の点について助けが必要です。

  1. Twitter ブートストラップ
  2. 以下
  3. シンプルレス（オプション）

私はtwitterのブートストラップを使用しており、カラースキームに合わせて変数.lessを変更し、レイアウトなどにcustom.lessを使用しています。

最後に @import "custom.less" で "bootstrap.less" に custom.less を含めると、これまでは満足していた単一の *.css ファイルが生成されますが、コア ブートストラップを分離する必要があります。 .css と私の custom.css、ここに私が直面している問題があります。custom.less ファイルで次のようなコア クラスを使用しています。

  1. .btn
  2. .btn-primary と mixins など。

そして、私のcustom.lessにコアを含めないと、（.btn）などを含めることはできません。コアクラスを利用するためにどのようなオプションがありますか（すでにコアに存在するものを書き直したくありません）、まだ可能ですコア *.css と私の custom.css を分離するには?

4

2 に答える 2

3

LESS 1.5 で利用可能

LESS 1.5 では、参照目的でのみファイルのインポートを実行できます。これにより、ファイルが独自の出力 css を生成することなく、クラスと mixin にアクセスできます。custom.lessファイルで次のようにします。

@import (reference) "bootstrap.less";
于 2013-11-01T17:17:42.417 に答える
0

ここで行うことは、2つのファイルを作成することcustom.lessですstyle.less。これらは少しこのように見えます：

style.less

@import "bootstrap.less";
@import "custom.less"; /* Overrides the bootstrap.less */
... Other imports

custom.less

/* Some custom styles here, that override the bootstrap.less */
...

style.lessをコンパイルする必要があります。

于 2013-02-11T11:04:49.947 に答える