流星のアプリケーションでブートストラップをカスタマイズするにはどうしたらいいですか？

Question

流星は偉大であり、このように含めることができる「スマートパッケージ」を使用して、ブートストラップをサポートします。

meteor add bootstrap 

、その後、CSS、JavaScriptを、そして画像が魔法のようにブラウザで実行時に含まれています。それは素晴らしいですが、ネット上の他のすべてのブートストラップサイトと同じに見せないようにブートストラップをカスタマイズしたいと思います。通常はbootstrap customize機能を使用しますが、ここでは使用できません。流星のコンテキストでブートストラップにカスタマイズを適用するための最良の方法は何ですか？

BootstrapカスタマイザからLESSファイルを生成し、それを私のディレクトリにプローピングして実行することができれば、特に理想的です。 BootswatchはCSSを使って流体のレイアウトを崩してしまったし、他のサードパーティは遅れているのではなく、遅かれ早かれになっていることが判明した。

Answer 1

まあ、解決策はそれほど簡単ではないようです。私は単に流星アプリのルートにCSSファイルを入れるだけでデフォルトを上書きすることができました。私はBootswatchからの缶詰のcssファイルを使用したことがありましたが、私はこれも手で巻き上げることができると推測します。

Answer 2

私は流星ブートストラップパッケージを完全に取り除き、git submoduleとしてpackagesにインストールしました。

独自のカスタムパッケージgit repo meteor-bootstrapを作成しました。このファイルには、使用するファイルの指示が入ったpackage.jsファイルも追加されています。 （支店meteor-packagedを参照してください）。

これは、Bootstrap変数を変更し、LESSミックスインを自由に使用できるようにするためであり、すべての単一のBootstrap JSファイルを含めることはできません。

Answer 3

プリコンパイルされたディストリビューションか、ブートストラップGitリポジトリの独自のクローンから、カスタムブートストラップMeteorパッケージを生成するためのシェルスクリプトを作成しました。

あなたは、使用情報と一緒に、ここでそれを見つけることができます： https://github.com/wojas/meteor-package-bootstrap

Answer 4

このリンクは、流星とブートストラップを使用するには良いとよりスマートな方法を提供します。 カスタマイズは変数とミックスインによっても行われます。あなたが望むなら、それを試すことができます。

---

https://www.manuel-schoebel.com/blog/meteorjs-and-twitter-bootstrap-the-right-way