bootswatch からテーマを取得して、新しい bootstrap.css ファイルにコンパイルしようとしています。
ブートウォッチ ページに、ダウンロード用の 4 つのファイルが表示されます:bootstrap.css, bootstrap.min.css, variables.less
とbootswatch.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 であることを考えると、これは正しい方法ですか? ブーストラップの作成者は、おそらくそのようなシステムを使用して下位互換性を支援したいと考えているため、うまくいくと思います。