stylesheet/css不能在rails中工作

问题描述：

我是ruby on rails新手，想要开发一个web应用程序，问题是我的css没有加载。我正在使用一个免费的模板，并试图将其与后端连接，但没有任何工作。只有简单的html按钮/文本正在加载。stylesheet/css不能在rails中工作

application.html.erb

<title>InstagramApp</title> 
<%= stylesheet_link_tag "default", media: "all", "data-turbolinks-track" => true %> 
<%= javascript_include_tag "default", "data-turbolinks-track" => true %> 
<%= csrf_meta_tags %>

<!-- Navigation --> 
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Start Bootstrap</a> 
      <%= link_to "Instagram", root_url, class: "navbar-brand" %> 
     </div> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li> 

        <%= link_to "New Post", new_post_path %> 
       </li> 
        <%- if current_user %> 
        <% else %> 
        <li> 
         <%= link_to "Logout", new_user_session_path , method: :delete, confirm: "Are you sure?" %> 
        </li> 
         <%= link_to "Login", new_user_session_path %> 
        <li> 
         <%= link_to "Register", new_user_registration_path %> 
        </li> 

        <% end %> 

      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav> 

<!-- Page Content --> 
<div class="container"> 

    <div class="row"> 
     <div class="col-lg-12 text-center"> 
      <% flash.each do |a,b| %> 
      <div class="alert alert-success"> <%= b %> </div> 
      <% end %> 
      <%= yield %> 
     </div> 
    </div> 
</div> 

<style>body{padding-top:70px;}</style>

而在app/assets/stylesheets有bootstrap.css和bootstrap.min.css。

我如何加载本地主机的CSS？

in application.html.erb使用 true％>，并在application.css中添加行// = require bootstrap – power

你也可以学习更多关于它从http://stackoverflow.com/questions/20294823/css-require-syntax – power

这不会工作，我试过这一切 –

答

如果你已经把所有的css文件放在样式表文件夹中，它会自动调用。如果没有，则执行rake资源：预编译并重新启动服务器。

错误来了：-object不支持此属性或方法 –

答

如果你使用bootstrap元素，最好安装bootstrap gem here。易于安装，并允许您使用所有引导组件。

安装以下宝石：

gem 'bootstrap-sass', '~> 3.3.6' 
gem 'sass-rails', '>= 3.2'

变化application.css到application.scss

app/assets/stylesheets/application.scss

在你application.scss添加

@import "bootstrap-sprockets"; 
@import "bootstrap";

在app/assets/javascripts/application.js添加

//= require jquery 
//= require bootstrap-sprockets

现在，您可以使用任何引导组件，而无需应用样式，这是在您的Rails应用程序中使用引导程序的更好方法。

全部这已经在那里仍然没有加载CSS –

stylesheet/css不能在rails中工作

相关推荐