在Ruby on Rails中引導CSS路徑

Question

我一直在嘗試將Bootstrap主題合並到我的Ruby on Rails項目中，由於核心Bootstrap類正常工作，因此我已成功將Bootstrap安裝到我的應用程序中。

但是，我無法加載與引導主題相關聯的CSS文件。

我的標題有一部分（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>

我的資產/樣式表/application.css

 *= require_tree .
 *= require_self
 *= require bootstrap_and_overrides

我在樣式表文件夾中有modern-business.css文件以及與它們相關聯的所有css。 但是，當我在項目上運行服務器時，css無法加載。

有關如何解決此問題的任何想法或提示？ Bootstrap css文件如何在Ruby on Rails上工作？

Answer 1

由於不會使資產管道在生產中正確地進行預編譯，因此我不會以這種方式加載Bootstrap。

我建議使用Bootstrap Sass gem

然后將您的application.scss文件更改為一個sass文件：application.css.scss並加載引導程序，如下所示：

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

然后通過給它們命名為.scss結尾，將所有自己的css模塊導入為sass文件。

例如，您將在app / assets / stylesheets中具有modern-business.scss並將其加載到application.css.scss中，如下所示：

@import "modern-business";

在Ruby on Rails中引導CSS路徑

問題描述

1 個解決方案

解決方案1
0 已采納 2015-11-12 11:24:39

在Ruby on Rails中引導CSS路徑

問題描述

1 個解決方案

解決方案1 0 已采納 2015-11-12 11:24:39

解決方案1
0 已采納 2015-11-12 11:24:39