Tag: css

Glyphicon在本地工作但不在Heroku上工作: 如果你在这里查看我的应用程序： http ： //quiet-brushlands-5712.herokuapp.com/ ，靠近按钮的是一个图标，一个glyphicon。但它没有出现在heroku上。在本地它显示如下：我从这里尝试了“解决方案” 在Rails production / heroku w / o LESS或SASS以及谷歌的其他链接中使用boostrap.css文件。我也需要在Heroku上显示字形。有帮助吗？我没有手动下载Twitter Bootstrap，我只是使用了一个gem。在我的Javascript控制台中，我有这个： GET http://quiet-brushlands-5712.herokuapp.com/assets/glyphicons-halflings.png 404 (Not Found) 我的Gemfile如果有帮助： source ‘https://rubygems.org’ gem ‘rails’, ‘4.0.2’ gem ‘sass-rails’, ‘~> 4.0.0’ gem ‘uglifier’, ‘>= 1.3.0’ gem ‘coffee-rails’, ‘~> 4.0.0’ gem ‘jquery-rails’, ‘3.0.4’ gem ‘turbolinks’, ‘2.0.0’ gem ‘jbuilder’, ‘~> 1.2’ […]

不同的页面的不同的背景颜色在路轨: 所以我使用的是application.html.erb文件，它基本上是我网站中每个页面的布局。但我希望主页有白色背景，其余页面有不同的背景。问题是，如果我将整个主页文件包装在div中，它只包装“yield”位置，因此它显示为带有灰色背景的较大框内的白色背景的框。那么如何更改主页的整个背景并保留其余部分呢？谢谢！

没有出现在heroku的背景图像: 我在本地使用的heroku网站的背景图片有问题 background-image: url(‘background_stripe.png’); 但是在部署时文件被破坏了我试过用过 background-image: image-url(‘background_stripe.png’); background-image: url(image-url(‘background_stripe.png’)); background-image: url(image_url(‘background_stripe.png’)); 没有一个在本地或在heroku上工作。使用bash我发现heroku已将图像文件命名为background_stripe.png，但它没有哈希值，而且它的图像已损坏

twitter-bootstrap-rails gem工作流程: 如何在我的Rails 3.2.1应用程序中使用twitter-bootstrap-rails gem？什么是工作流程？我这样做之后： rails g bootstrap:layout [LAYOUT_NAME] [*ﬁxed or ﬂuid] [options] 我接下来该怎么办？我只是将生成的代码复制并粘贴到我的视图中吗？我是否为每个视图都这样做？如果是这样，怎么做 rails g bootstrap:themed [RESOURCE_NAME] [LAYOUT] [options] 有什么不同？你们甚至使用轨道发电机？谢谢

未使用的CSS – 你如何清理它？: 可能任何有经验的Web开发人员都会熟悉这个问题：随着时间的推移，你的css文件会变得非常庞大和丑陋，因为所有不再使用的选择器，这可能是相当棘手的。我正在研究一个我们倾向于经常重新设计东西的轨道项目，这导致了一吨无谓的CSS。查找和删除它的最佳方法是什么？现在，我知道有一个专门为此目的而构建的称为deadweight的rails插件。但是，这是我的载重量问题：首先，它完全忽略了javascript中使用的选择器。接下来，它仅扫描您将其配置为扫描的页面，这意味着可能会删除因您出于某种原因未扫描的页面上使用的内容。最后，它只在编译的css中找到未使用的选择器（我们使用LESS） – 将这些与实际代码相匹配有点过于复杂。我也试过http://unused-css.com/ – 它们很棒，但无法访问localhost，而且只能扫描已编译的CSS。我真的认为必须有更好的方法来做到这一点。实际上，前段时间我决定通过在整个项目目录中点击每个选择器来优化一个特定的css文件（emacs + rinari模式使它超级简单和超快），每次我都没有看到任何html或css在结果中我删除了样式。零问题，就像一个魅力。显然，我不会为整个网站这样做。但是，我真的不相信这不能自动化。现在，在我启动我的python并编写代码之前，任何人都可以告诉我，如果我要重新发明轮子吗？

rails + compass：直接使用haml + blueprint的优势: 我在rails项目上使用haml（+ sass）有一些经验。我最近开始使用blueprintcss – 我唯一做的就是将blueprint.css转换为sass文件，并从那里开始编码。我甚至有一个rails发生器，默认包含所有这些。似乎Compass完成了我的工作和其他事情。我试图了解其他东西是什么 – 但文档/教程不是很清楚。这些是我的结论： Compass带有内置的sass mixin ，可实现常见的CSS习语，例如带图标或水平列表的链接。我的解决方案没有提供类似的东西。（指南针1分）。 Compass有几个命令行选项：您可以创建rails项目，但您也可以在现有的rails项目上“安装”它。我想，轨道发电机可以个性化来做同样的事情。（领带）。 Compass有两种使用蓝图的模式：“基本”和“语义”用法。我不清楚这些之间的差异。使用我的rails生成器我只有一种模式，但似乎已经足够了。（领带）显然，除了蓝图（例如YUI）之外，Compass还准备使用其他框架。我找不到很多关于这方面的文档，我对此并不感兴趣 – 蓝图对我来说是好的（领带）。指南针的学习曲线似乎有点僵硬，文档似乎很少。学习可能有点困难。另一方面，我知道我自己的系统的来龙去脉，可以马上使用它。（我的系统为1分）。通过这个分析，我很想给Compass一个尝试。我的分析是否正确？我错过了任何关键点，还是我错误地评估了这些要点？

Heroku上的twitter-bootstrap-rails：Glyphicons显示为正方形: 我在Heroku上部署了一个rails应用程序，我正在使用twitter-bootstrap-rails gem来包含twitter bootstrap。一切都在本地（以及在开发环境中）完美地工作，但是在Heroku（和生产中）一切都很好，除了glyphicons，它们都显示为小方块。起初我认为这是一个问题，图标精灵没有被预编译，所以在我的gemfile中，我将“gem twitter-bootstrap-rails”行移出资产组，我确信在上传之前预先编译了我的所有资产到Heroku。但是，这并没有解决问题。检查页面后，似乎图标可用，但链接到它们的CSS属性被另一个将background-image设置为none的CSS规则覆盖。它似乎发生在作为twitter bootstrap一部分的样式表中，所以我不太清楚为什么会发生这种情况。有没有其他人有这个问题？

simple_form_for rails单选按钮内联: 我试图让我的按钮显示内联，并具有默认值，因为它不能为空。我正在使用plataformatex / simple_form和bootstrap。 = f.collection_radio_buttons :is_private, [[true, ‘Private’], [false, ‘Public’]], :first, :last, style: “display:inline”, default: true 它呈现这个： Private Public 很明显， style:工作不正常，但我不确定会起作用。继另一个建议后，我补充道 .radio_buttons { display:inline; } = f.collection_radio_buttons :is_private, [[true, ‘Private’], [false, ‘Public’]], :first, :last, :item_wrapper_class => ‘radio_buttons’, :default => true 得到了： Private Public 只是另一个注意，默认值仍然无法正常工作。

无法使用class = pull-right或float：right浮动twitter bootstrap导航栏项目: 我正在使用Twitter引导程序和Rails，我似乎无法将导航栏项目浮动到右侧。我试过用这样的东西： “Edit account”%> ……但链接保持不变，萤火虫显示”float:left;” 所以我试图在bootstrap_and_overrides.css.less和home.html.erb覆盖css float，但都没有奏效。 Firebug表示它找到了两个css float语句，但选择了bootstrap选项。所以我被困住了，想知道如何自定义导航栏。我可能在这里做错了，但我只是看不到它。这是我的代码： application.html.erb： … removed to shorten the length of this post _navigation.html.erb： “brand”%> “Admin” %> ‘delete’, :id => “Logout” %> “Edit account”%> bootstrap_and_overrides.css.less： @import “twitter/bootstrap/bootstrap”; body { padding-top: 60px; } @import “twitter/bootstrap/responsive”; // Set the correct sprite paths // …REMOVED to shorten the length […]

Ruby on Rails在资产中寻找css而不是公共/样式表: 我是Ruby新手，使用ruby 1.9.2P180和Rails 3.1.0.rc2 我在my_app_root / public / stylesheets / screen.css和我的application.html.erb中有“screen.css” ‘screen’ %> 根据这里它应该工作，但我的rails服务器说：由PagesController＃home作为HTML处理在布局/应用程序内渲染页面/ home.html.erb（0.0ms）在4ms内完成200 OK（视图：3.6ms | ActiveRecord：0.0ms）在2011-06-18 11:27:53开始GET“/assets/screen.css”为127.0.0.1 +1200服务资产/screen.css – 404未找到（2ms）（pid 10966） ActionController :: RoutingError（没有路由匹配[GET]“/assets/screen.css”）：我在这做错了什么？提前致谢