Ruby on Rails中的Bootstrap CSS路徑

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

但是，我不能讓它加載與引導主題相關的CSS文件。

我有一個部分我的頭（佈局/ _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

和我有現代化的企業。 css文件以及樣式表文件夾中與它們關聯的所有css文件。但是，當我在我的項目上運行服務器時，css無法加載。

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

來源

2015-11-12 Carlos Pereira

因爲讓資產管道在生產環境中正確預編譯，所以我不會加載Bootstrap。

我建議使用Bootstrap Sass gem

然後改變你的application.scss文件是一個SASS文件：application.css.scss並加載引導這樣的：

// 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";

來源

2015-11-12 11:24:39 rlarcombe

好的，你的編輯我的一些問題已經回答，但最後一個仍然存在。在將我的文件重命名爲.scss並導入到application.scss後，如何使用HTML？我是否繼續使用舊的或者有沒有正確的方法將它們加載到HTML文件中？ @rlarcombe –

將所有css文件保存在app/assets/stylesheets中使用.scss結尾，然後您可以使用所有酷SASS功能，並按照我在application.css.scss中所述加載它們 Rails Asset pipeline當你呼叫 <％= stylesheet_link_tag'application'，media：'all'，'data-turbolinks-track'=> true％> – rlarcombe

你不需要將它們加載到html中類似於： Rails Asset管道爲您做了這件事。檢出：http://guides.rubyonrails.org/asset_pipeline.html – rlarcombe

Ruby on Rails中的Bootstrap CSS路徑

回答

相關問題