如何使用Twitter的引导2游戏框架2.X(How to use Twitter Bootstra

我知道，现在玩！分布有引导1.4帮手。我应该怎么做，如果我想用引导的当前版本？

Answer 1:

我使用的是2.0.1 Twitter的引导与播放2.0。您可以在这里下载一个特定版本： https://github.com/twitter/bootstrap/tags 。一旦你下载了Twitter的引导，你有两种选择：

你可以选择只使用bootstrap.min.css （和bootstrap-responsive.css ）和bootstrap.min.js ，所有这些文件可以放在公共文件夹中。
或者你可以用更少的文件的CSS。如果你想使用较少的文件进行下列包（在您的应用程序文件夹的根目录）：
assets.stylesheets.bootstrap

而在你建立阶定义这些.LESS文件应该被编译：

// Only compile the bootstrap bootstrap.less file and any other *.less file in the stylesheets directory 
def customLessEntryPoints(base: File): PathFinder = ( 
    (base / "app" / "assets" / "stylesheets" / "bootstrap" * "bootstrap.less") +++
    (base / "app" / "assets" / "stylesheets" / "bootstrap" * "responsive.less") +++ 
    (base / "app" / "assets" / "stylesheets" * "*.less")
)

val main = PlayProject(appName, appVersion, appDependencies, mainLang = JAVA).settings(
  // Add your own project settings here
    lessEntryPoints <<= baseDirectory(customLessEntryPoints)
)

然后你就可以将其包含在你的templats：

<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap/bootstrap.min.css")" />
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap/responsive.min.css")" />

编辑：2012年9月17日：如果您计划从源代码编译游戏，本教程的播放wiki页面： https://github.com/playframework/Play20/wiki/Tips

编辑：2012年9月21日：当使用引导你总是要做出选择，你是否会改变该文件夹images或添加路由由引导使用的两个静态图像：

编辑：2013年3月11日：作为外部参照指出，我犯了一个错误： img必须是images ：

GET     /assets/img/glyphicons-halflings-white.png      controllers.Assets.at(path="/public", file="/images/glyphicons-halflings-white.png")
GET     /assets/img/glyphicons-halflings.png            controllers.Assets.at(path="/public", file="/images/glyphicons-halflings.png")

Answer 2:

快速和可维护的方法是使用WebJars （由客户端依赖管理类型安全的开发倡导：詹姆斯·沃德），在你的Build.scala几行，你可以轻松地添加引导（如2.3版，3.0等） -等等 - 你的项目。

1）下面是用于添加引导2.3播放2.1的文档例子，你Build.scala：

import sbt._
import Keys._
import play.Project

object ApplicationBuild extends Build {
  val appName         = "foo"
  val appVersion      = "1.0-SNAPSHOT"

  val appDependencies = Seq(
    "org.webjars" %% "webjars-play" % "2.1.0-2",
    "org.webjars" % "bootstrap" % "2.3.2"
  )

  val main = Project(appName, appVersion, appDependencies).settings()
}

2）然后添加一个条目，你的路由文件：

GET     /webjars/*file                    controllers.WebJarAssets.at(file)

3）添加相关链接到您的模板：

<link href='@routes.WebJarAssets.at(WebJarAssets.locate("css/bootstrap.min.css"))' rel='stylesheet' >
<script src='@routes.WebJarAssets.at(WebJarAssets.locate("jquery.min.js"))' type='text/javascript' ></script>

需要注意的是WebJars实际上将试图找到你的资源，你不需要完全合格的资产位置。

Answer 3:

我会扔在，使用Glyphicons与引导2.2.2和2.0.4播放我不能完全使用ADIS上面贴的路线。我提出两个glyphicons文件到“图片”文件夹（默认的播放，而不是“IMG”，这是自举默认设置），并添加到我的路线：

# Map Bootstrap images
GET     /assets/img/glyphicons-halflings.png            controllers.Assets.at(path="/public", file="/images/glyphicons-halflings.png")
GET     /assets/img/glyphicons-halflings-white.png      controllers.Assets.at(path="/public", file="/images/glyphicons-halflings-white.png")

这让我访问像一个正常的自举glyphicons安装，与“少”的文件等没有搞乱

Answer 4:

或者，你可以按照这个简单的教程： https://plus.google.com/u/0/108788785914419775677/posts/QgyUF9cXPkv

我与Twitter的引导2.0.1使用它和播放2.0

Answer 5:

我举2.0使用与发挥2.0。 Everithing做工精细，exept的helper.twitterbootstrap。

我认为这MAJE类twitterbootstrap 1.x中，而不是2.0。任何解决方案？

编辑：这是工作

我在app /视图中创建包帮手/ twitterBootstrap2
然后，我复制path_to_play / play2.0.1 /框架/ src目录/播放/ src目录/主/斯卡拉/视图/帮手帮手/ twitterBootstrap2
我modifie像我想要的。
我导入@import helper.FieldConstructor和@import helper.twitterBootstrap2._和@impliciteField = @（FieldContructor（twitterBootstrap2FieldContructor.f在我看来，我想用它

Answer 6:

您只需更新Twitter的引导，并更新自己的代码（你写的引导特定代码）。看看下面的链接了解如何更新到最新版本的详细信息： http://twitter.github.com/bootstrap/upgrading.html 。

Answer 7:

我必须做几件事情，包括使用最新版本的播放2.0由于一些问题，发布的版本曾与编制由启动时使用较少的文件。按照说明这里https://github.com/playframework/Play20/wiki/BuildingFromSource从源代码来构建。然后我把所有的引导中的“应用程序/资产/样式表/”应用程序的目录中少文件。游戏应该只编译“bootstrap.less”所以你需要以下内容添加到“项目/ Build.scala”：

val main = PlayProject(appName, appVersion, appDependencies, mainLang = JAVA).settings(
  lessEntryPoints <<= baseDirectory(_/"app"/"assets"/"stylesheets" ** "bootstrap.less")
)

如果您正在使用的任何引导的JavaScript的插件，你需要将它们添加到“公共/ JavaScript的”，并将其包含在HTML。

Answer 8:

脚本方法 （从这里）

1-复制引导的减档到app/assets/stylesheets/bootstrap

2-运行该脚本中app/assets/stylesheets/bootstrap通过复制和在壳/终端粘贴（该脚本将重命名文件部分和编辑进口的路径）：

for a in *.less; do mv $a _$a; done 
sed -i 's|@import "|@import "bootstrap/_|' _bootstrap.less 
mv _bootstrap.less ../bootstrap.less
sed -i 's|@import "|@import "bootstrap/_|' _responsive.less 
mv _responsive.less ../responsive.less

注意：上面的脚本无法在Mac工作 ！ 在Mac上使用这样的 ：

for a in *.less; do mv $a _$a; done 
sed -i "" 's|@import "|@import "bootstrap/_|' _bootstrap.less
mv _bootstrap.less ../bootstrap.less
sed -i "" 's|@import "|@import "bootstrap/_|' _responsive.less 
mv _responsive.less ../responsive.less

3-包含编译后的CSS

<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap.min.css")" />
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/responsive.min.css")" />

文章来源: How to use Twitter Bootstrap 2 with play framework 2.x