Twitter bootstrap 如何在playframework中自定义/主题引导4?
我想在PlayFramework2.6应用程序(scala)中使用和定制Bootstrap4(目前处于测试阶段) 通过自定义,我的意思是创建自己的css类或更改现有变量,如容器宽度、默认按钮的颜色等 我该怎么办?我的假设是这样做的正确方法是以某种方式将sass编译集成到我的play framework应用程序中,以便在所有必要的地方获取对核心引导变量的相关更改 到目前为止,我所做的是: 在build.sbt中,向libraryDependencies添加了Twitter bootstrap 如何在playframework中自定义/主题引导4?,twitter-bootstrap,playframework,sass,Twitter Bootstrap,Playframework,Sass,我想在PlayFramework2.6应用程序(scala)中使用和定制Bootstrap4(目前处于测试阶段) 通过自定义,我的意思是创建自己的css类或更改现有变量,如容器宽度、默认按钮的颜色等 我该怎么办?我的假设是这样做的正确方法是以某种方式将sass编译集成到我的play framework应用程序中,以便在所有必要的地方获取对核心引导变量的相关更改 到目前为止,我所做的是: 在build.sbt中,向libraryDependencies添加了“org.webjars”%“boots
“org.webjars”%“bootstrap”%“4.0.0-beta”
在plugins.sbt中,添加了addSbtPlugin(“org.irundaia.sbt“%”sbt sassify“%”1.4.4”)
在我的app\assets\css\main.scss中,添加了@import“lib/bootstrap/css/bootstrap”代码>。
引导css现在与我的自定义css正确绑定
现在如何更改引导变量?在customization documentation()文档中,它说有一个名为_variables.scss的文件,可以在其中执行此操作。此文件不存在于webjar内容提取到的/lib/bootstrap/css中。SASS集成
您可以在播放文档中找到它:
尤其需要添加sbt sassify
插件:
addSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.4")
此插件文档:
引导集成
GitHub上有一个名为“Play Bootstrap”的项目。这是一个
“播放用于引导的框架库”
您可以在这里找到该库:在bootstrap 4.3.1中测试(“org.webjars”%“bootstrap”%“4.3.1”
)
关于\u variables.scss
,它在我的环境中被定位为/lib/bootstrap/scss/\u variable.scss
自定义和导入引导,如下所示
在assets/stylesheets/main.scss
或导入的main.scss
文件中
//change theme
$theme-colors: (
"primary": red,
);
// import booststrap
@import "lib/bootstrap/scss/bootstrap.scss";
谢谢,但问题实际上是关于Bootstrap4的集成,而不是一般的sass。Play-bootstrap是一个标记生成器。这与我的问题无关。