javascript - 将 twitter bootstrap 主题安装到 rails 4 应用程序中 - 找不到 vendor/ Assets 目录？

Question

我正在尝试将来自 wrapbootstrap.com 的主题安装到我的 Rails 4.1 应用程序中。

我使用 Rails 4 脚手架创建了一个新应用。然后我将下载的 zip 目录(包括 4 个目录和一个 index.html 文件)放在我认为应该去的地方:

css 移动到 vendor/assets/stylesheets，js 移动到 vendor/assets/javascripts，font 移动到 vendor/assets/fonts，img 移动到 vendor/assets/images。

然后我将这段代码添加到我的 app/assets/stylesheets 文件中:

*= require_tree ../../../vendor/assets/stylesheets/.

并将此代码添加到我的 app/assets/javascripts 文件中:

//= require_tree ../../../vendor/assets/javascripts/.

此时，我假设我已准备好所需的所有文件，因此我将 index.html 复制到我的应用程序中，并将浏览器指向适当的 View 。基本上我看到的都是纯文本 - css/javascript/image 文件没有按预期工作。

在查看我的谷歌 Chrome 开发者工具时，我看到了一堆与此类似的错误:

获取 http://localhost:3000/vendor/assets/stylesheets/bootstrap.min.css 404(未找到)

要让这个主题发挥作用，我在这里缺少什么？

编辑:

我的 html 文件看起来像这样，我需要这些文件:

<!-- Styles -->
        <!-- Bootstrap CSS -->
        <link href="../../../vendor/assets/stylesheets/bootstrap.min.css" rel="stylesheet">
        <!-- Font awesome CSS -->
        <link href="../../../vendor/assets/stylesheets/font-awesome.min.css" rel="stylesheet">
        <!-- Pretty Photo -->
        <link href="../../../vendor/assets/stylesheets/prettyPhoto.css" rel="stylesheet">
        <!-- Animate -->
        <link href="../../../vendor/assets/stylesheets/animate.min.css" rel="stylesheet">
        <!-- Custom CSS -->
        <link href="../../../vendor/assets/stylesheets/style.css" rel="stylesheet">

Answer 1

不要将 vendor 路径放在 href 中，只需添加正常 <%= stylesheet_link_tag 'application', media: 'all' %>并在 application.css 文件中包含其他 css`