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

Question

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

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

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

到目前为止我所做的是:在 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";。bootstrap css 现在已正确地与我的自定义 css 捆绑在一起。

我现在如何更改 Bootstrap 变量？在自定义文档 ( https://getbootstrap.com/docs/4.0/getting-started/options/#customizing-variables ) 文档中，它说有一个名为 _variables.scss 的文件可以在其中完成。此文件不存在于将 webjar 内容提取到的/lib/bootstrap/css 中。

Answer 1

SASS 集成

您可以在 Play 文档中找到它: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