1

各ユーザーが独自のサブドメインを持つRails3.2アプリケーションがあります。彼はいくつかのことのルックアンドフィールを変えることができます。Bootstrapの前にこれを行っていた方法は次のとおりです。

1) Keep a template of a customizable CSS file.

2) Solicit input for certain CSS settings via a form.

3) On form submission, write a new CSS file based on the template, but with the new settings.

4) Associate the new CSS file with that partiular subdomain, and serve it up when the subdomain is accessed via the main layout template.

このようにするのは少し醜いですが、うまくいきました。それ以来、twitter-bootstrap-railsgemを介してTwitterBootstrapを使用するようにアプリケーションを移行しました。これにより、大量のコードをクリーンアップすることができました。私が今やりたいのは、このCSSカスタマイズ機能をクリーンアップすることです。

Twitter Bootstrap LESS変数を変更するだけで、新しいCSSを変更したいと思います。サブドメインの新しいLESSファイルは次のように生成されます。

@bodyBackground: #ffffff;

@navbarLinkColor: #ffffff;

@navbarText: #ffffff;

@headingsColor: #666666;

@linkColor: #000000;

@navbarBackgroundHighlight: #000000;

@baseFontFamily: Verdana, Tahoma, Geneva, sans-serif;

variablesこのファイルにはのみ存在することに注意してください。すべての設定はブートストラップコードにあります。したがって、これを保存したら、すべてのBoostrapCSSを動的に再コンパイルする必要があります。いくつかの質問:

1)これも可能ですか?これらの変数がTwitterBootstrapでデフォルトにすでに設定されている場合、どうすればそれらをオーバーライドできますか?

2)私はこれを間違った方法で行っていますか?きれいになると思いましたが、気になり始めています。

4

1 に答える 1

0

私がする必要があるのは、これをLESSファイルの先頭に追加することだけでした。

@import "bootstrap_and_overrides.css.less";

そして、それはすべての面倒をみました。ずっときれい!!!

于 2013-02-28T14:44:03.197 に答える