これは私がブートストラップを使用することを学んだ方法です:http://transmission.vehikl.com/using-bootstrap-as-a-semantic-mixin-library/しかしv4ではLESSが低下しました。 SCSSのようなものをどうすれば実現できますか?好きかどうかは分かりませんが、本当に便利です。私は輸入権を行える方法を見つけることができません。Boostrap 4 SCSSをMixinライブラリとして使用する
1
A
答えて
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
希望の良いチュートリアルがあり、これは
を支援関連する問題
- 1. プレースホルダMixin SCSS/CSS
- 2. @mixin @forループ内の$変数をparamsとして使用するSASS SCSS
- 3. sass/scssでmixinを作成する
- 4. SCSS mixinを無効にする
- 5. jqueryアニメーションでscss mixinを使用する方法はありますか?
- 6. SCSS MIXINの変換が遅い
- 7. SCSS `function`、` mixin`をCSSモジュールと組み合わせて使う方法は?
- 8. ブートストラップ4 - メディアクエリmixinを使用する方法
- 9. .lessプロジェクトでの.scssライブラリの使用
- 10. SCSS mixinベンダー固有の属性
- 11. Boostrap 4に5と4(モバイル用)の等価カラムを作成する方法
- 12. SCSS mixinまたは関数を使用して色または勾配を区別する
- 13. gulpを使用してnode_modulesからブートストラップ4 sass/scssをインポートする方法
- 14. 糸を使用してブートストラップをインストールする方法4 - libsassライブラリ
- 15. SASS mixinライブラリとして使用する方が良いでしょうか?ブートストラップかBourbonですか?
- 16. 縦と横の整列(Boostrap 4)
- 17. Boostrap 4コンテナ流体と同一のパディングをコンテナとする行
- 18. JestとReactを使用してSCSSファイルをインポートするSyntaxError
- 19. SCSS変数を使用して
- 20. SCSS Lint:セレクタとしてクラス名のみを使用する
- 21. iPhone 4/4をモールストランスミッタとして使用
- 22. Boostrap 4 Navbarが動作しない
- 23. Boostrapを使用したPHPとMYSQLによるページ分割
- 24. ブートストラップ4テーブルとSCSSを使用してテーブルホバーカラーをオーバーライドする最も良い方法は?
- 25. Mixinでi18nを使用しますか?
- 26. mixinとして任意のオブジェクトを使用
- 27. Boostrap navbarでSVGファイルをロゴとして適用するには?
- 28. 入力テキストを使用したBoostrapドロップダウン
- 29. simulate twitter UITextfieldを使用したboostrapフォームコントロール
- 30. @forのすべてを選択するscssを使用する