Twitter bootstrap Twitter Bootstrap v2.1.0 play framework 2-图像和JavaScript插件不工作_Twitter Bootstrap_Playframework 2.0

Twitter bootstrap Twitter Bootstrap v2.1.0 play framework 2-图像和JavaScript插件不工作

twitter-bootstrap playframework-2.0

Twitter bootstrap Twitter Bootstrap v2.1.0 play framework 2-图像和JavaScript插件不工作,twitter-bootstrap,playframework-2.0,Twitter Bootstrap,Playframework 2.0,我按照步骤将bootstrap v2.1.0与play 2框架一起使用，并使用Build.scala配置文件。我可以很好地使用基本的css函数，对此我很满意。当我尝试使用glyphicons和javascript函数时，我无法使用它们，有人遇到过同样的问题吗？请帮我做这个文件结构： app/assets/stylesheets/bootstrap/ <<--- all less files are here public/images/bootstrap/ <<--

我按照步骤将bootstrap v2.1.0与play 2框架一起使用，并使用Build.scala配置文件。我可以很好地使用基本的css函数，对此我很满意。当我尝试使用glyphicons和javascript函数时，我无法使用它们，有人遇到过同样的问题吗？请帮我做这个

文件结构：

app/assets/stylesheets/bootstrap/ <<--- all less files are here

public/images/bootstrap/ <<-- glyphicons images are here

public/javascripts/    <<--- all javascripts are here

我不太关心添加javascript的代码：

for i in `ls javascripts/*`; do echo '<script src="@routes.Assets.at("'$i'")"></script>' | sed 's/\.js/.min.js/g'; done

`ls javascripts/*`中i的

；是否回显“| sed's/\.js/.min.js/g”；完成

我到底需要在哪里添加它

如果我的问题有缺陷，请原谅。如果能在这方面得到任何帮助，我将不胜感激。谢谢

--------------------[编辑]-------------------------- 主视图

<!DOCTYPE html>

<html>
    <head>
        <title>@title</title>
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap/bootstrap.min.css")" />
        <script src="@routes.Assets.at("javascripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    </head>
    <body>
        @content

        <script src="@routes.Assets.at("javascripts/bootstrap-affix.min.js")" type="text/javascript"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-alert.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-button.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-carousel.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-collapse.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-dropdown.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-modal.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-popover.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-scrollspy.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-tab.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-tooltip.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-transition.min.js")"></script>
<script src="@routes.Assets.at("javascripts/bootstrap-typeahead.min.js")"></script>
<script src="@routes.Assets.at("javascripts/jquery-1.7.1.min.min.js")"></script>
    </body>
</html>


@头衔
@内容

----------------------------其他观点------------------------

<script type="text/javascript">
        $(function(){
         $('#nishi').popover();
        });
        </script>


  <a href="#" id="nishi" class="btn btn-primary" rel="popover" data-content="this is the body" data-original-title="this shoul be title">Check pop over</a>


$（函数（）{
$（'#nishi'）.popover（）；
});

对我来说，你的图像配置还可以，请展示一些你如何使用它的HTML文件

对于Java脚本，在HTML模板中使用它们（下面是一个示例，包括您需要的引导Java脚本）：


...
...
...

为图像使用相对路径：

// Sprite icons path
// -------------------------
@iconSpritePath:          "../../images/bootstrap/glyphicons-halflings.png";
@iconWhiteSpritePath:     "../../images/bootstrap/glyphicons-halflings-white.png";

请显示您的

路由

文件，以便查看资产控制器的配置。@nico_ekito-感谢您的评论，我的路由是GET/assets/*file controllers.assets。在（path=“/public”，file）我已编辑了我的问题，我尝试在Crome中检查它，我发现所有这些文件都有错误，因为它们没有被加载。我不明白为什么会发生这种情况？谢谢，但不幸的是，这也不起作用，他们有没有其他方法来处理这个问题。你的

bootstrap.min.css

？样式表/bootstrap/bootstrap.min.css的位置是什么？它在main.scal.html中链接，因为任何Build.scala都定义为def customlesstrypoints（base:File）：PathFinder=（（base/“app”/“assets”/“stylesheets”/“bootstrap”*“bootstrap.less”）+++（base/“app”/“assets”/“stylesheets”*“stylesheets”*“.less”））哦，我刚刚注意到你把图像放在

assets/images/bootstrap/…

中，所以在我上面的语句中添加

bootstrap/

。

<html>
   <head>
      ...
      <script src="@routes.Assets.at("javascripts/bootstrap-dropdown.js")" type="text/javascript"></script>
      <script src="@routes.Assets.at("javascripts/bootstrap-alert.js")" type="text/javascript"></script>
      <!-- Add other needed Bootstrap's javascripts-->
      ...
   </head>
<body>...

// Sprite icons path
// -------------------------
@iconSpritePath:          "../../images/bootstrap/glyphicons-halflings.png";
@iconWhiteSpritePath:     "../../images/bootstrap/glyphicons-halflings-white.png";