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路径

回答

相关问题