首页 文章

将bootstrap.css文件链接到Play框架中的scala.html页面

提问于
浏览 次
0

我有一个bootstrap.css文件位于

C：\ Users \ comp \ Play_Framework \ test1 \ public \ stylesheets \ bootstrap.css

我需要将其链接到我的登录页面

C：\ Users \ comp \ Play_Framework \ test1 \ app \ views \ cal_login.scala.html

我在我的HTML页面中尝试了这个

link rel =“stylesheet”type =“text / css”href =“.... / public / stylesheets / bootstrap.css”

并且

link rel =“stylesheet”type =“text / css”href =“../../ public / stylesheets / bootstrap.css”

但页面仍然看起来没有CSS内容 . 另外，当我在eclipse中打开Play 2.2.2项目时，我找不到我的引导程序文件 . 我已经编译并尝试重新打开，但文件没有被编译并添加到样式表目录中 .

html css twitter-bootstrap playframework

1 回答

  • 1

    在视图中使用默认 route 作为资产（您可以在 conf/routes 文件的底部找到它：

    <link rel="stylesheet" type="text/css" href='@routes.Assets.at("stylesheets/bootstrap.css")' />

    它在 /public 目录中构建资产的正确路径 .

    事实上，如果你知道它，你也可以在视图中使用硬编码路径：

    <link rel="stylesheet" type="text/css" href='/assets/stylesheets/bootstrap.css' />

    但是，如果您将来决定将 /assets/... 更改为 /my-aasets/... ，则需要手动修复所有事件 .

    TIP 你最好让他们永远保持原有的结构！

    只需下载并解压缩Bootstrap到 /public/bootstrap/ 文件夹，然后在视图/布局中添加正确的路径：

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

    请记住，某些库之间存在关系，即样式和图像（和/或脚本）之间的关系，因此拆分它们需要修复代码中的绝对冗余 .

    回复于

相关问题