我创建了一个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一起使用?
答案 0 :(得分:1)
你将原始的Bootstrap爆炸到Play的stylesheets
和javascripts
个文件夹,不是吗? 那是错误的。
您无法将其划分为其他顺序 - 只需将其解压缩到某个位置,然后将其部分包含在适当的位置。
@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;