Bootstrap css和JS在Play框架中的表现不如预期

时间:2015-04-09 17:43:02

标签: twitter-bootstrap scala playframework twitter-bootstrap-3 playframework-2.3

我创建了一个Play和scala应用程序,我在我的播放模板中使用了boostrap css和js。我注意到我的模板有一些奇怪的行为。

<link rel="stylesheet" type="text/css" media="screen" href="@routes.Assets.at("stylesheets/bootstrap.min.css")">
<script src="@routes.Assets.at("javascripts/bootstrap.min.js")" type="text/javascript"></script>

当我使用css和js时,我的页面没有按预期呈现,似乎css没有正确应用。

当我使用CDN时,网页页面呈现正确。

为什么它不能与本地下载的css和js一起使用?

2 个答案:

答案 0 :(得分:1)

将原始的Bootstrap爆炸到Play的stylesheetsjavascripts个文件夹,不是吗? 那是错误的

您无法将其划分为其他顺序 - 只需将其解压缩到某个位置,然后将其部分包含在适当的位置。

@see: The same problem answered here

请注意,其他JS库的行为方式相同,就在您将其零件移动到其他文件夹时,您只是在制动内部关系。

注2:Play会创建这些文件夹,但不强制您使用它们,您可以重命名它们,移动到子文件夹,甚至删除和使用任何其他文件夹。在模板中选择正确的路径非常重要。

答案 1 :(得分:0)

我不是播放用户,但您是否尝试过转发链接标记?即使用&#34; /&gt;&#34;在末尾 ?如果这个剂量无法帮助你也可以尝试这种语法href =&#39; @ routes.Assets.at(&#34; stylesheets / bootstrap.min.css&#34;)&#39;或者反过来说href =&#34; @ routes.Assets.at(&#39; stylesheets / bootstrap.min.css&#39;)&#34;