2017-05-18 6 views
1

これは私がブートストラップを使用することを学んだ方法です:http://transmission.vehikl.com/using-bootstrap-as-a-semantic-mixin-library/しかしv4ではLESSが低下しました。 SCSSのようなものをどうすれば実現できますか?好きかどうかは分かりませんが、本当に便利です。私は輸入権を行える方法を見つけることができません。Boostrap 4 SCSSをMixinライブラリとして使用する

答えて

0

これは、Build toolsを使用してブートストラップ4ですでに提供されています。

ブートストラップをローカルに構築するには、手順に従います。

別のファイルできちんと整理された変数SCSSを自由に編集できます。プロジェクトの要件を満たすために組み込み/除外または変更できるようになりました。いくつかの最も有用なものは、パディング/マージン、レスポンスブレークポイント、ナビバーの高さなどの値が異なります。

要するに、ブートストラップで変更したいものはすべて変更することができ、小規模なものからセクション全体を含むものや除外するものそれの。

あなたが必要です:

  • Rubyが構築するために
  • うなり声、様々なうなり声のプラグインをインストールし、grunt-cliのコマンドを実行するために、CSS
  • ノードをSCSSを解析します。

ブートストラップの提供に限定されず、他のグランツプラグインをインストールすることもできます。

Gruntの面白い部分は、一度あなたが望むように動かせば、修正を加える必要はなくなります。同じGruntfile.jsをプロジェクトからプロジェクトにコピー/ペーストしてしまうだけです。それのほとんどを忘れてしまった。

0

私はmixinをあまり使用していないということを知っています。彼らはまだそこにいるだけで、それらをインポートする必要があります。

@import "../../../node_modules/bootstrap/scss/mixins"; 
@include gradient-bg(#f45f12); 
/* my-file.scss */ 

あなたがここに持って、あなたのプロジェクトをビルドするために、角CLIを使用している場合how to use scss on angular cli

希望の良いチュートリアルがあり、これは

を支援
関連する問題