如何在playframework中自定义/主题Bootstrap 4？

Question

我想在play framework 2.6应用程序（scala）中使用和自定义bootstrap 4（目前处于测试阶段）。

通过自定义我的意思是创建自己的css类或更改现有变量，如容器宽度，默认按钮的颜色，......

我该怎么做？我的假设是，正确的方法是以某种方式将sass编译集成到我的play框架应用程序中，以便在所有必要的位置拾取核心引导变量的相关更改？

到目前为止，我所做的是： 在build.sbt中，将"org.webjars" % "bootstrap" % "4.0.0-beta"添加到libraryDependencies。

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

在我的app \ assets \ css \ main.scss中，添加了@import "lib/bootstrap/css/bootstrap";。 引导程序css现在与我的自定义css正确捆绑在一起。

我现在如何更改引导变量？在自定义文档（https://getbootstrap.com/docs/4.0/getting-started/options/#customizing-variables）doc中，它说有一个名为_variables.scss的文件可以在这里完成。此文件在/ lib / bootstrap / css中不存在，其中webjar内容被解压缩到。

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

引导程序集成

GitHub上有一个名为＆＃34; Play-Bootstrap＆＃34;的项目。这是一个 ＆＃34; Playstrap的Play Framework库＆＃34;。

您可以在此处找到该库：https://adrianhurt.github.io/play-bootstrap/

Answer 2

在引导程序4.3.1中进行了测试（"org.webjars" % "bootstrap" % "4.3.1"）

关于_variables.scss，它在我的环境中的位置为/lib/bootstrap/scss/_variable.scss。

要进行自定义，请change the theme并按如下所示导入引导程序 assets/stylesheets/main.scss导入的main.scss或scss文件中。

//change theme
$theme-colors: (
  "primary": red,
);

// import booststrap
@import "lib/bootstrap/scss/bootstrap.scss";