Bootstrap CSS Rails Ruby 中的路径

Question

我一直在尝试将 Bootstrap 主题合并到我 Rails 项目的 Ruby 中，我已经成功地将 Bootstrap 安装到我的应用程序中，作为核心 Bootstrap 类正常工作。

但是，我无法加载与 bootstrap 主题关联的 CSS 文件。

我有部分 header(layouts/_header.html.erb)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <%= stylesheet_link_tag  'application', media: 'all', 'data-turbolinks-track' => true %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>

    <title>Youvents - Your life, Your Events</title>

    <!-- Bootstrap Core CSS -->
    <link href="stylesheets/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="stylesheets/modern-business.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">-->

</head>

我的assets/stylesheets/application.css

 *= require_tree .
 *= require_self
 *= require bootstrap_and_overrides

并且我在样式表文件夹中有 modern-business.css 文件和所有与之关联的 css。但是，当我运行我的项目中的服务器时 css 加载失败。

关于如何解决这个问题的任何想法或提示？ Bootstrap css 文件如何在 Rails 上的 Ruby 上工作？

Answer 1

我不会以这种方式加载 Bootstrap，因为要让资产管道在生产中正确预编译。

我建议使用 Bootstrap Sass gem

然后将 application.scss 文件更改为 sass 文件：application.css.scss 并像这样加载 bootstrap：

// Load Bootstap and Font Awesome
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome";

然后将您自己的所有 css 模块作为 sass 文件导入，方法是给它们以 .scss 结尾

例如，您在 app/assets/stylesheets 中有 modern-business.scss 并像这样在 application.css.scss 中加载它：

@import "modern-business";

Bootstrap CSS Rails Ruby 中的路径

Bootstrap CSS paths in Ruby on Rails

css

ruby

themes

ruby-on-rails

twitter-bootstrap