Tag: css

部署后将自定义CSS和Javascript链接到Rails: 我有一个Rails应用程序它的css和js链接在本地工作正常，因为我使用：我用Google搜索了所有我发现的Heroku指南，我对资产管道事情感到困惑！我也运行了这个命令： bundle exec rake assets:precompile 它确实在公共目录中创建了一些文件，如指南中所述：现在在Heroku上一切都很简单，没有设计也没有Css和JS。当我跑的时候 Heroku Logs 这就是我得到的CSS和JS文件的严重无路由匹配如下： 2013-06-10T10：06：28.184255 + 00:00 app [web.1]：ActionController :: RoutingError（没有路由匹配[GET]“/assetscv.png”）：这只是一行，我为其他文件获得了更多这些，并预先生成了loggs行任何帮助将不胜感激谢谢！ PS：我试过了我有一堆错误，在heroku上它说抱歉出了问题

生产中的字体问题envirnment rails: 我制作了一个rails（4.2.4）应用程序，它在开发环境中运行良好，但是当我在数字海洋上部署它时，它没有得到字体，有一个像 Failed to load resource: the server responded with a status of 404 (Not Found) 跟路一样 http://Server-IP/assets/raleway-bold.woff2 我尝试了许多组合来提供路径，但除了一个之外都是徒劳的，它在开发中有效，但在生产中却没有。我的资产结构差别不大 assets – fonts – javascripts – stylesheets – admin – web – application.js – fonts.cs – application.cs 并在fonts.cs我提供路径 @font-face { font-family: ‘dpdidot_htfm96medium’; src: url(‘/assets/dp_didot-htf-m96-medium-webfont.eot’); src: url(‘/assets/dp_didot-htf-m96-medium-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘/assets/dp_didot-htf-m96-medium-webfont.woff2’) format(‘woff2’), url(‘/assets/dp_didot-htf-m96-medium-webfont.woff’) format(‘woff’), url(‘/assets/dp_didot-htf-m96-medium-webfont.ttf’) format(‘truetype’), url(‘/assets/dp_didot-htf-m96-medium-webfont.svg#dpdidot_htfm96medium’) format(‘svg’); font-weight: […]

使用CSS在erb中设置Ruby对象的样式: 我用谷歌搜索但找不到这个问题的答案。如何在erb中使用CSS编辑RUby对象。例如：在这里，我想使用CSS来设置文本和表单框的样式。我怎样才能做到这一点？

如何在rails 4中管理多个css文件？: 我有app/views/layouts/mycontroller.html.erb包含的控制器下的所有内容的css文件：但我已经将我的css分解为一些特定视图，例如home.css.scss（可能不是解决它的最好方法吗？）。之前，我还包括额外的CSS。例如在app/views/mycontroller/home.html.erb ，我将使用另一个styleshet_link_tag ：我在我的Gemfile中包含了gem’sass gem ‘sass-rails’, ‘4.0.1’ ，并且预编译发生在heroku上。没有CSS似乎是加载或只加载其中的一部分而不是两组CSS规则的总和。

如何使用Rails提供静态html页面？: 我有Rails应用程序，文档是/ public文件夹中的静态html页面。我公共文件夹的树： -public -docs -intro introduction.html -css some.css index.html Index.html文件是： Some of the text href=”intro/introduction.html”>Introduction 当我打开索引页面css没有加载，当我尝试点击链接时它说路由错误。据我所知，静态页面不知道在哪里查找css和其他html页面。我只想要没有任何路由和控制器的静态页面，nginx。有任何想法吗？

Rails 4 – 包含供应商资产: 我正在试图弄清楚如何插入一个bootstrap主题。我有指南针轨道gem和Rails 4。我的控制台中显示了一系列错误： Failed to load resource: the server responded with a status of 404 (Not Found) 我认为这是因为我保存供应商资产的路径不正确。我有一个名为’profile.html.erb’的布局在那个布局中，我包括：引用的css文件保存在vendor / assets / stylesheets文件夹中。错误的全文显示了以下链接： http://localhost:3000/profiles/vendor/assets/stylesheets/magnific-popup.css 额外的位是对配置文件的引用。谁能看到我在定义这些路径时做错了什么？进一步尝试我刚刚发现这篇文章：如何在Rails 4中加载供应商资产文件夹？根据该post中的建议，我尝试更改我的application.css.scss文件，以便不使用路径引用，而是使用; @import “css/magnific-popup”; 当我保存，重新启动服务器，我收到此错误： File to import not found or unreadable: css/magnific-popup. Load paths: CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter CompassRails::SpriteImporter […]

Bootstrap不会加载rails和sass: 我是Rails的新手，我想在我的网站上使用Bootstrap，但Bootsrap不加载。有什么不对，我应该做些什么呢？我按照这本手册： Sass-Bootstrap 这些是我的文件：的Gemfile： gem ‘rails’, ‘3.2.16’ gem ‘ruby’ gem ‘bootstrap-sass’, ‘~> 3.3.5’ gem ‘sass-rails’, ‘>= 3.2’ gem ‘turbolinks’ application.scss @import “bootstrap-sprockets”; @import “bootstrap”; 的application.js //= require jquery //= require jquery_ujs //= require turbolinks //= require bootstrap //= require_tree . application.html.erb “all”, “data-turbolinks-track” => true %> true %> 我项目中的ruby版本是ruby 2.0.0p481我的Rails版本是： Rails 3.2.22

Twitter bootstrap datetime-picker在模态中没有正确显示: 我一直在使用twitter bootstrap datetime-picker和ruby on rails来显示日历，我也在一个模态中使用它，但它显示为部分，因为我试图在屏幕的底部显示 HTML JS $(document).ready(function(){ $(‘#datetimePicker’).datetimepicker(); }); 我也用过这个额外的CSS .bootstrap-datetimepicker-widget { z-index:99999 !important; }

将style.css.scss更改为style.css.scss.erb时找不到文件错误: 当我将rails应用程序部署到Heroku时，我一直很难将我的背景图像显示出来。我终于在Heroku文档中找到了这个：在Rails 4中，链轮只会产生摘要文件名。这意味着您必须使用此类ERB帮助程序来引用您的资产：确保为使用ERB帮助程序的app / assets中的任何文件添加.erb扩展名。因此application.css需要是application.css.erb。我尝试将带有令人讨厌的背景图像的style.css.scss文件重命名为style.css.scss.erb 。这使我能够将违规背景图像的链接更改为： background: no-repeat center center fixed; 但是，我不知道这是否是让Heroku实际显示我的图像的神奇子弹，因为我现在正在获取File to import not found or unreadable:文件File to import not found or unreadable:该文件的错误。我在这个问题上做了一些非常广泛的谷歌搜索，但似乎无法找到摆脱错误的方法。任何帮助或智慧都会很棒！

Rails 3命令将我的CSS样式表的文本嵌入到HTML的头部: Heroku为使用HyPDF将HTML转换为PDF格式的用户提供以下建议： Place your styles and scripts within and tags instead of loading them using tag. 目前，我正在使用以下内容： = stylesheet_link_tag “print”, :media => “print, screen, projection” 什么是Rails 3.2代码生成与嵌入式非链接CSS的等价物？（这是因为Rails会自动将/app/assets/stylesheets/print.scss所有CSS插入到它生成的HTML中，而不是手动将所有CSS复制粘贴到content_tag ，然后必须保留其中的内容标签。）在API文档中找不到任何内容。谢谢。