Tag: css

在安装Bootstrap gem之后如何覆盖/更改Ruby on Rails狂欢应用程序的布局？

我有一个Spree Commerce应用程序，通过添加spree_bootstrap gem安装 gem ‘spree_bootstrap’, github: ‘jdutil/spree_bootstrap’ 到Gemfile。 现在在主页面上我将所有熟悉的bootstrap div作为 和 。 我是Rails的新手，我想通过添加自己的自定义导航栏和其他调整来更改布局母版页。 不幸的是，application.html.rb实际上是一个空白的页面，我不认为这是一个进行更改的页面。 我的问题是：如何覆盖或更改标准div值？ 我本地没有这些文件。 我听说过使用Deface作为工具，但我不知道如何使用它。 我希望这里有人可以提供更多关于更改标准Bootstrap Spree应用程序的见解。

指南针式（ruby）编码错误

我刚刚更新了Ruby，现在我在尝试启动罗盘时遇到以下错误： Encoding::CompatibilityError on line [“28”] of /usr/local/Cellar/ruby/1.9.3-p194/lib/ruby/gems/1.9.1/gems/sass-3.2.3/lib/sass/tree/visitors/to_css.rb: incompatible character encodings: ASCII-8BIT and UTF-8 有什么问题？ 怎么解决？

在Ruby on Rails上使用@ font-face？

我想在Rails中包含我的自定义字体。 我的文件字体在app/assets/fonts/ 。 我编辑了CSS： # in app/assets/stylesheets/application.css @font-face { font-family: ‘fontello’; src: url(‘fonts/fontello.eot’); src: url(‘fonts/fontello.eot#iefix’)format(’embedded-opentype’), url(‘fonts/fontello.woff’) format(‘woff’), url(‘fonts/fontello.ttf’) format(‘truetype’); } 我试图更改路径url(‘assets/fonts/fontello.eot’); url(‘fontello.eot’); 太。 我编辑了配置： # in config/application.rb require File.expand_path(‘../boot’, __FILE__) require ‘rails/all’ Bundler.require(:default, Rails.env) module Gui class Application < Rails::Application config.assets.paths << Rails.root.join('app', 'assets', 'fonts') end end 但它不起作用。 我使用Rails 4.0.2。

如何实现bootstrap 4和rails 5

我是ruby的新手，我正在尝试将bootstrap 4.0.0.alpha4包含到rails 5.0.0中。 我已经安装了gems bootstrap，bootstrap-sass，autoprefixer-rails，我甚至在application.css.sass中使用了@import“bootstrap”，但我仍然没有在页面上获取引导程序。我有一个按钮查看我在哪里尝试实现bootstrap设计。 我甚至在不同的项目上尝试过它们，但它们都不起作用。 任何帮助，将不胜感激。 谢谢。 代码如下所示。 gem文件 source ‘https://rubygems.org’ # Bundle edge Rails instead: gem ‘rails’, github: ‘rails/rails’ gem ‘rails’, ‘~> 5.0.0’ # Use postgresql as the database for Active Record gem ‘pg’, ‘~> 0.18’ # Use Puma as the app server gem ‘puma’, ‘~> 3.0’ gem ‘bootstrap’ gem ‘bootstrap-sass’ gem ‘autoprefixer-rails’ […]

使用form_for Rails嵌套模型表单时为创建唯一ID

我有一个这个Railscast风格的嵌套模型表单http://railscasts.com/episodes/196-nested-model-form-revised?view=asciicast 我需要为每个标签分配一个唯一的ID。 目前，生成的每个字段都有一个唯一的ID和名称，由辅助方法给出，该方法为每个关联记录分配唯一的ID。 所以这是照顾的。 但是，此表单具有“fieldset”标记，但未分配ID。 我需要为每个字段集使用唯一的ID来进行jQuery操作。 具体来说，我该如何为“活动”记录生成每个字段集一个唯一的CSS标记ID？ 以下是我的表单创建方式。 谢谢 _form.html.erb _day_fields.html.erb部分 1 %> _activity_fields.html.erb 1 %>

是否可以用Nokogiri解析样式表？

我花了两个小时谷歌搜索这个，我找不到任何好的答案，所以让我们看看人类是否可以击败谷歌的电脑。 我想在Ruby中解析样式表，以便我可以将这些样式应用于我的文档中的元素（以使样式内联）。 所以，我想采取类似的方式 .mystyle { color:white; } 并能够将其提取到某种Nokogiri对象中。 Nokogiri类“CSS :: Parser”（ http://nokogiri.rubyforge.org/nokogiri/Nokogiri/CSS/Parser.html ）当然有一个很有前途的名字，但我找不到任何关于它是什么或如何它有效，所以我不知道它是否可以做我在这之后的事情。 我的最终目标是能够编写如下代码： a_web_page = Nokogiri::HTML(html_page_as_string) parsed_styles = Nokogiri::CSS.parse(html_page_as_string) parsed_styles.each do |style| existing_inlined_style = a_web_page.css(style.declaration) || ” a_web_page.css(style.declaration)[‘css’] = existing_inlined_style + style.definition end 这将从样式表中提取样式，并将它们全部作为内联样式添加到我的文档中。

在Ruby中寻找CSS解析器

我正在寻找一个CSS解析器，类似于这个在Java中寻找CSS解析器 ，但在Ruby中。 输入：HTML文档的一个元素。 输出：与该特定元素关联的所有样式。 我已经用Google搜索了，我也在这里搜索了Stackoverflow，但我能找到的只是这个Java解析器。

在html class =“”属性中插入ruby

这可能真的很愚蠢，但我花了最后2个小时试图找出如何做到这一点，没有运气。 基本上我需要我的html页面执行以下操作： … 但我需要使用ruby向该div类添加更多类，这些类来自我数据库中的文本字段。 我尝试插入ruby像： <div class="circleElement"+ >… 这条线的许多不同的变化没有运气:( 我应该补充一点，u.tag完全保留了这个字符串>“activeTag classicTag”….所以它应该没有任何问题附加，但它没有做到！

你能在HAML css中插入ruby变量吗？

我需要一系列类，.module1，.module2，… module（n）。 我还想使用css，ruby和HAML定义这些类： :css .mod1 { background-image: url(“#{extra.image}”); } 是否可以插入ruby变量以节省工作量？ .module.mod”#{extra.id}” %h3 #{extra.title} %p #{extra.description} %a.btn-default{:href => “#”, :target => “_top”} enter now :css .mod#{extra.id} { background-image: url(“#{extra.image}”); }

在rails中自定义f.file.field的外观

目前这只是一个按钮，如何添加一些CSS并自定义此按钮的外观（例如尺寸背景等）？ 谢谢