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？

來源

2016-07-15 shivam jindal

in application.html.erb使用<％= stylesheet_link_tag「application」，media：「all」，「data-turbolinks-track」=> true％>，並在application.css中添加行// = require bootstrap – power

你也可以學習更多關於它從http://stackoverflow.com/questions/20294823/css-require-syntax – power

這不會工作，我試過這一切 –

如果你已經把所有的css文件放在樣式表文件夾中，它會自動調用。如果沒有，則執行rake資源：預編譯並重新啓動服務器。

來源

2016-07-15 06:52:51

錯誤來了：-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應用程序中使用引導程序的更好方法。

來源

2016-07-15 08:29:02

全部這已經在那裏仍然沒有加載CSS –

stylesheet/css不能在rails中工作

回答

相關問題