1

ユースケース:
メインのスタイルシートmain.lessと、サイトの特定のセクション用の別のスタイルシートがありますapp.less。また、Twitter Bootstrap を使用しています。たとえば、main.lessブートストラップにいくつかのオーバーライドがあり、コードの DRYness を高めるためapp.lessに、Bootstap クラスを独自のものにミックスインしたい (テイク - .clearfix)。だから私はそれをインポートbootstrap.cssし、必要なクラスをミックスします。最初にWebページにBootstrapと他のライブラリを含め、main.less次にapp.less. そして、それはクリアでオーバーライドを作成main.lessし、すべてが乱雑になります!

そのようなインポートを正しく行うには? LESSだけでなく、どのCSSプリプロセッサでも可能ですか?

4

2 に答える 2

2

開発のように、より少ないファイルにブートストラップを含めることはオプションですか?

SCSS での私のアプローチは次のようなものです。

  • style.scss (独自の宣言はありません)
    • 最初に bootstrap.scss をインポートします
    • 次に、上書きを含む可能性があるサイト固有の .scss ファイルをインポートします。

そうすることで、ファイルの順序を完全に制御できるため、生成された css ファイルの宣言の順序を制御できます。

もちろん、Bootstrap が含まれている場合は CDN 経由でロードできるようにする機能と引き換えに決定する必要がありますが、私の場合はとにかく Bootstrap の非常に縮小されたバージョンを使用しています。

于 2013-09-10T13:16:20.270 に答える
1

Bootstrap は、そのように使用するためのものではありません。コンパイルされたバージョンを使用する場合は、それをオーバーライドしないでください。アイデアは、より少ないファイルを使用してそれらを変更することです。あなたが使用しているアプローチはちょっと面倒で、エレガントな方法はないと思います。コンパイル済みの bootstrap.css を含めないようにし、純粋な少ないバージョンをチェックアウトすることをお勧めします。

于 2013-09-10T20:44:57.320 に答える