3

我将在我的 Play 项目中加入 Twitter Bootstrap。我发现了一些关于它的文章，但据我所知，没有标准的方法。

那么在 Play 应用程序中使用 Twitter Bootstrap 的最标准方式是什么？

4

2 回答 2

7

您可以为此使用webjars。首先，您必须添加bootstrap依赖项，例如。在project/dependencies.scala：

import sbt._
object Dependencies {
  val bootstrapVersion = "(2.3.2,)"
...
  val bootstrap = "org.webjars" % "bootstrap" % bootstrapVersion
...
  val myDependencies = Seq(..., bootstrap, ...)
}

的值bootstrapVersion告诉sbt更新到最新的前沿bootstrap。您还可以将其修复为您想要的特定版本。然后在 main 中使用它build.sbt：

import Dependencies._

...

libraryDependencies ++= Seq(cache) ++ myDependencies

play.Project.playScalaSettings

...

然后在主布局文件中（如app/views/main.scala.html）

<script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.locate("bootstrap.min.js"))'></script>

<link rel="stylesheet" media="screen" href="@routes.WebJarAssets.at(WebJarAssets.locate("bootstrap.min.css"))">

然后在app/assets/stylesheets你可以只放置bootstrap样式的修改。

以上的优点是您将bootstrap（或任何其他webjar）版本设置在一个地方。

另请参阅此问题。

于 2013-10-14T12:22:50.443 回答
0

有标准方法：

只需将 Bootstrap 解压缩到您的public文件夹中，您不需要将其部分（JS、样式、图像）移动到 Play 的文件夹中，只需将它们保留在原始结构中，最后使用常用routes.Assets.at(path)方法将其包含在您的布局中。

有一些常见的帮助器允许您使用 Bootstrap (2.x) 元素构建表单，无论如何，如果这些内置不满足您的要求，您也可以编写自己的。两种方法都在帮助文档中进行了描述

于 2013-10-14T06:28:07.577 回答