2017-02-07 12 views
1

Bourbonと組み合わせて、クロスブラウザを確実にする手段として、フレームワーク(グリッドクラス、スタイリングなどのすべてを利用)としてSassバージョンのBootstrap 3を使用するのが正しいことを誰かが確認できますか?私は、 'Bourbon'や 'Neat'のように、 'Bootstrap'と 'Bourbon'を一緒に使うのと同じ理論です。 。そして、 'Compass'は 'Bourbon'の代わりです。ブートストラップとバーボンを組み合わせて

誰かが私に親指と頷きを与えることができれば、私は気持ちよくなります。

答えて

2

主な懸案事項がブラウザとの互換性がある場合、私はバーボンの代わりにオートプレフィクサー(https://github.com/postcss/autoprefixer)をお勧めします。

Bourbon 4.xはプレフィックスをサポートしていますが、これはライブラリの目的ではなく、SCSS全体でミックスインを使用する必要があります。 Autoprefixerの使い方についての素晴らしい点は、バニラスタイルを書いて、プレフィックスが必要なものを決めることです。

は、私にはそれが一緒に「ブルボン」と「ニート」のように見える一緒に「ブートストラップ」と「ブルボン」を使用するのと同じ理論 です。そして 'Compass'は 'Bourbon'の代わりに です。

実際はありません。ブートストラップは、グリッド、スタイル、フォーム、および大量のjavascriptなど、サイト/アプリ全体を作成するために必要なすべてのキッチンシンクを実際に提供することを目的としています。

バーボンは、SCSSをより効果的かつメンテナンス可能に書き込むためのツールセットです.Neatはグリッドシステムです。それらの2つを組み合わせることで、独自のコンポーネントとモジュールを簡単に作成できるようになります。

独自のスタイルシート(bourbon/neat)を作成するか、HTMLにあらかじめ定義されたクラスを追加している既定のソリューションを使用するかどうかは、実際に依存します。

クイック内訳:

bourbon = 
bourbon + neat = 
bourbon + neat + autoprefixer = 
bootstrap = 
compass = … 
bourbon + neat + bootstrap = 
関連する問題