2

私はヨーマンが初めてです。オンラインジェネレーターを使用してカスタマイズしたい Bootstrap3 を使用して、デフォルトのスタイルをアプリのスタイルに変更したいと思います。

Yeoman はすべての依存関係を処理するため、これらの変更を加えて webapp に追加するにはどうすればよいですか?

4

1 に答える 1

3

ジェネレーターを使用している場合は、コンパイル済みの css ファイルを取得しています。これらのファイルは、プロジェクト (ほとんどの場合、index.html ) にハードコーディングすることによってのみ統合できます。このように行くことはお勧めしません。ジェネレーターによって提供されるすべての css 構成パラメーターは、変更可能な sass 変数でもあります。これらの変数は、次のように独自のプロジェクトで使用できます。

bower で sass-bootstrap をインストールする

bower install sass-bootstrap

main.css に、bootstrap.scss ファイルを含める必要があります。

@import 'sass-bootstrap/lib/bootstrap';

この include ステートメントの前に、ブートストラップ ジェネレーターによって提供されるすべての変数を変更できます。たとえば、記述する必要がある背景色を変更する場合などです。

$body-bg: eee;

これは、ジェネレーターによって提供されるすべての変数で行うことができます。@を$記号に置き換えるだけです。

compass確かに、あなたの中にターゲットが必要ですGruntfiles.js。gruntfile の設定に問題がある場合は、 https: //npmjs.org/package/generator-bootstrap をご覧ください。このジェネレーターを使用すると、サンプル プロジェクトを作成して、必要な構成を取得できます。

于 2014-02-08T08:54:01.583 に答える