Formtastic安装破解Bootstrap CSS样式表

时间:2014-01-11 15:24:30

标签: ruby-on-rails ruby-on-rails-4 formtastic

我正在使用Rails 4.我正在安装formtastic并在自述文件的过程中对CSS进行更改。这打破了我的CSS - 我的页面显示但没有任何格式。

我的Application.css文件(根据自述文件的说明删除了* = require_tree。):

*= require_self
 # app/assets/stylesheets/application.css
  *= require formtastic
  *= require my_formtastic_changes

# app/assets/stylesheets/ie6.css
  *= require formtastic_ie6

  # app/assets/stylesheets/ie7.css
  *= require formtastic_ie7

在application.html.erb中,我注释掉了之前的样式表并添加了一个新链接:

<!DOCTYPE html>
<html>
  <head>
    <title><%= full_title(yield(:title)) %></title>
    <%# stylesheet_link_tag "application",
                                           "data-turbolinks-track" => true %>

                                           <%= stylesheet_link_tag "application", "formtastic", "my_formtastic_changes" %>
  <!--[if IE 6]><%= stylesheet_link_tag 'ie6' %><![endif]-->
  <!--[if IE 7]><%= stylesheet_link_tag 'ie7' %><![endif]-->
    <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
    <%= csrf_meta_tags %>
    <%= render 'layouts/shim' %>
  </head>
  <body>
    <%= render 'layouts/header' %>
    <div class="container">
      <%= yield %>
      <%= render 'layouts/footer' %>
    </div>
  </body>
</html>

我还添加了样式表my_formtastic_changes.css.scss,一个空文件。我尝试添加/删除formtastic和my_formtastic_changes引用,并使用单引号和双引号以及样式表引用 - 没有运气。

1 个答案:

答案 0 :(得分:0)

我离开了require_tree。排队但必须加入

* =自定义

所以它加载了自定义样式表,包括bootstrap CSS。