如何在playframework中自定義/主題Bootstrap 4？

Question

我想在play framework 2.6應用程序（scala）中使用和定製bootstrap 4（目前處於測試階段）。

通過定製我的意思是創建我自己的CSS類或改變現有的變量，如容器寬度，默認的按鈕顏色，...

我怎麼會去嗎？我的假設是，這樣做的正確方法是以某種方式將sass編譯集成到我的play framework應用程序中，以便在所有必要的位置獲取核心引導變量的相關更改？

我到目前爲止所做的是： 在build.sbt中，將"org.webjars" % "bootstrap" % "4.0.0-beta"添加到了庫的依賴項中。

在plugins.sbt，加入addSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.4")

在我的應用程序\資產\ CSS \ main.scss，加入@import "lib/bootstrap/css/bootstrap";。 bootstrap css現在正確地與我的自定義css捆綁在一起。

現在如何更改引導程序變量？在定製文檔（https://getbootstrap.com/docs/4.0/getting-started/options/#customizing-variables）文檔中說，有一個名爲_variables.scss的文件，可以完成此操作。該文件不存在於提取了webjar內容的/ lib/bootstrap/css中。

Answer 1

SASS整合

可以播放的文件中找到它：https://www.playframework.com/documentation/2.6.x/AssetsSass

特別是你需要添加sbt-sassify插件：

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

這個插件文件：https://github.com/irundaia/sbt-sassify

Bootstrap集成

在GitHub上有一個名爲「Play-Bootstrap」的項目。這是一個 「用於Bootstrap的播放框架庫」。

您可以找到LIB這裏：https://adrianhurt.github.io/play-bootstrap/