1

Twitter BootstrapでLESS変数を使用しようとしていますが、application.cssファイルでレンダリングできないようです。

だから私がブートストラップをセットアップするときに私はインストールしました

rails generate bootstrap:install --less

それは私に私を与えました

bootstrap_and_overrides.css.less

したがって、私の理解では、このファイルでは、LESS変数を次のように設定できます。

@white:#FFFFFF;

そして、私のcssファイルで私はそれらをそのように呼び出すことができます

color: @white;

私のbootstrap.lessファイルでは、これらを呼び出します

@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";
@import "twitter/bootstrap/variables.less";

そして私のapplication.cssファイルで私はブートストラップファイルを呼び出します

*= require bootstrap_and_overrides

Gemfile

gem 'less-rails'

これは機能せず、変数が適用されていません

誰かが私が間違っていることを見ることができますか？

助けていただければ幸いです

ありがとう

4

1 に答える 1

2

...LESS変数を次のように設定できます

@white：#FFFFFF;

そして、私のcssファイルでは、それらを次のように呼び出すことができます。color：@white;

こんにちは、私はRails内でLESSを使用することにあまり慣れていないので、ここを離れている場合はお詫びします。

コンパイルされるファイル内で使用できる変数は少なくなります。たとえば
、variables.lessファイルに@white：#FFFFFFを設定できます。

おそらくcustom.lessファイルに
.light{
color：@white;があります。}

すべてをコンパイルした後、CSSでクラス.lightを使用できます


したがって、上記の引用に対処するために、 @ white：#ffffffのようなless変数を設定して
から、コンパイルされる別のlessファイルでその変数を使用できますが、CSSファイルでは直接使用できません。

于 2013-01-18T19:57:14.837 に答える