2017-09-18 6 views
1

私は、プレイフレームワーク2.6アプリケーション(scala)でブートストラップ4(現在ベータ版)を使用しカスタマイズしたいと考えています。私はこれについてどのように行くだろう...、playframeworkのブートストラップ4をカスタマイズ/テーマ化する方法は?

を自分のCSSクラスを作成するか、コンテナの幅などの既存の変数を変更し、デフォルトのボタンの色を意味カスタマイズすることにより、

?私の前提は、これを行う適切な方法は、何らかの形でコア・ブートストラップ変数に関連する変更がすべての必要な場所でピックアップされるように、自分のプレー・フレームワーク・アプリケーションにSassコンパイルを統合することでしょうか?

これまでに行ったことは次のとおりです。 build.sbtで、libraryDependenciesに"org.webjars" % "bootstrap" % "4.0.0-beta"を追加しました。 plugins.sbtで

は、CSSの\をmain.scss \私のアプリの\資産でaddSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.4")

を追加、@import "lib/bootstrap/css/bootstrap";を追加しました。 ブートストラップのCSSが私のカスタムCSSに正しくバンドルされるようになりました。

ここで、どのようにしてブートストラップ変数を変更できますか?カスタマイズ文書(https://getbootstrap.com/docs/4.0/getting-started/options/#customizing-variables)のdocには、_variables.scssというファイルがあり、これを実行できると書いてあります。このファイルは、webjarの内容が展開された/ lib/bootstrap/cssには存在しません。

答えて

2

SASS統合

あなたは遊びのドキュメントでそれを見つけることができます。

addSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.4") 

このプラグインのドキュメント:https://github.com/irundaia/sbt-sassify

https://www.playframework.com/documentation/2.6.x/AssetsSass

は、特にあなたがsbt-sassifyプラグインを追加する必要があります

ブートストラップ統合

"Play-Bootstrap"というGitHubプロジェクトがあります。それは "ブートストラップ用のPlay Frameworkライブラリ"です。

あなたはここにいるのlibを見つけることができます:https://adrianhurt.github.io/play-bootstrap/

+0

おかげで、しかし問題は、一般的にSASS、ブートストラップ4の統合については、実際にはありません。 – nemoo

+0

私は答えを更新しました –

+1

Play-Bootstrapはマークアップジェネレータです。それは私の質問とは関係ありません。 – nemoo

関連する問題