0

bootswatch からテーマを取得して、新しい bootstrap.css ファイルにコンパイルしようとしています。

ブートウォッチ ページに、ダウンロード用の 4 つのファイルが表示されます:bootstrap.css, bootstrap.min.css, variables.lessbootswatch.less.

プロジェクトの既存のファイルで bootstrap.[min.].css を置き換えることができることがわかります。しかし、私のプロジェクトは、bootswatch が使用している 2.2.x ではなく、twitter ブートストラップ 2.3.x に基づいています。マークアップのさまざまなバージョンの問題について心配する必要はありません。最新バージョンのブートストラップを利用しようとしている場合、これは正しい方法ではないようです。

そこで、variables.less をダウンロードし、github からブートストラップ リポジトリのクローンを作成しました。依存関係をインストールしたらvariables.less、ディレクトリにコピーしlessます (そして、既存の variables.less を上書きします)。次に を実行するmakeと、新しい CSS ファイルが にビルドされdocs/assets/css/bootstrap.cssます。これにはいくつかの新しい機能が含まれているようです (たとえば、bootswatch テーマのフォントが h1、h2 などのタグ内に設定されています)。

ただし、CSS ファイルはフォントをインポートしないため、フォントは使用できません。bootswatch の bootstrap.css ファイルでは、CSS ファイルの最初の行にフォントのインポートが表示されます。新しく生成されたファイルには、フォントのインポートがまったくありません。

どのステップが欠けていますか? variables.less ファイルが明らかに 2.2.x に基づいており、新しいブーストラップが 2.3.x であることを考えると、これは正しい方法ですか? ブーストラップの作成者は、おそらくそのようなシステムを使用して下位互換性を支援したいと考えているため、うまくいくと思います。

4

1 に答える 1

1

どのステップが欠けていますか?

これで、bootstap less ファイルがダウンロードされ、デフォルトの variables.less ファイルが Bootswatch バージョンに置き換えられました。すべてをコンパイルするときに、bootswatch.less ファイルも含める必要があります。

これを行うには、bootswatch.less を less ディレクトリにコピーし、テキスト エディターで bootstrap.less ファイル (コンパイルしているすべての個々のファイルを調整します) を開き、@import "bootstrap.less";直後に追加します。@import "variables.less";

これが正しい位置であるとは絶対に確信が持てません。これでうまくいかない場合は、最後に試すことができます。@import "utilities.less";

幸運を。

于 2013-04-08T22:14:51.363 に答える