程序员经验分享-hwhale

如何在 ruby​​ on Rails 应用程序中使用 CSS？

2024-01-26

如何将 CSS 与 RoR 结合使用？当我链接到外部时，我永远无法看到这些文件。我将 .css 文件复制到我能想到的每个文件夹中...视图、控制器、模板，但似乎没有任何效果。

我需要做什么才能使用 Rails 应用程序启用外部 CSS 文件？我是 Rails 新手，所以如果这是基本的，请原谅我。


将 CSS 文件放入 public/stylesheet 中，然后使用：

<%= stylesheet_link_tag "filename" %>

链接到布局中的样式表或视图中的 erb 文件。

同样，您将图像放在 public/images 中，将 javascript 文件放在 public/javascripts 中。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

rubyonrails

css

ruby

如何在 ruby​​ on Rails 应用程序中使用 CSS？ 的相关文章

  • Rails content_for 和yield 之间有什么区别？

    例如 content for stuff vs yield stuff 我知道它们的实现略有不同 但是有任何真正的功能差异吗 是否有普遍接受的最佳实践 yield是您指定内容区域在布局中的位置的方式 你可能有这样的事情 div h1 Thi

  • 如何将背景图像仅应用于一个反应页面而不是整个应用程序？

    注册页面示例 register background image linear gradient to right ff5722 0 ff9800 100 margin top 150px important div div div div

  • ArgumentError：Ruby 中的参数数量错误

    试图解决这个问题 class Person def initialize name name name end def greet other name puts Hi other name my name is name end end

  • 保持未知数量的 div 居中，每行最多 4 个

    我有一个简单的问题 但我自己无法解决 简而言之 有一个未知电话我必须在页面中放置的元素数量 最多 每行 4 个元素 但仍居中 此图片给您一个提示 我为了示例而设置它 详细 在上图中我涵盖了不同的场景 例如 如果总共有 5 个元素 则应使用第

  • 避免响应式页面的重复内容

    我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在

  • 如何在没有@import的情况下减少@import？

    我用的较少 从 Google PageSpeed 我了解到 使用 importCSS 文件中的内容会影响网站速度 所以我想排除任何 import来自我的 CSS 的东西 我有 2 个不同的样式表reset css and rebuild c

  • 如何让 Sidekiq 在 Heroku 上运行？

    这是我第一次尝试让 Redis 在 Heroku 上运行 我添加了一个工作dyno 就在今天 所以还没有付款 添加了RedisToGo Nano附加组件 在我的本地机器上测试了后台作业 并将应用程序推送到heroku heroku ps g

  • CSS 是否有不等于选择器？

    CSS中有类似 不等于 的东西吗 例如 我有以下代码 input 但对于某些输入 我需要将其作废 我想通过将类 reset 添加到输入标签来做到这一点 例如

  • FireFox 中的“contenteditable = true”高度问题

    当有空的时候div with contenteditable true CSS contenteditable true border 1px dashed dedede padding 3px HTML div div 在 IE 和 Ch

  • 如何更改文本选择背景颜色

    我的意思是 当您选择一些 HTML 文本时 背景中会有一种颜色告诉您选择了哪个文本 怎么可能通过CSS来改变它呢 我需要它是白色的 透明的 我已经看到这样做了 您可以使用某些 CSS 选择器来更改所选文本的 CSS 属性 我对此进行了测试

  • SSL 与 Ruby on Rails

    我需要做什么才能让我的 Ruby on Rails 应用程序获得使用 https 的流量 我安装了证书 如果我在访问网站时在地址栏中手动输入 https 则会出现小锁图标 但只需在浏览器中手动访问 www example app com 即

  • Rails: :inverse_of 和关联扩展

    我有以下设置 class Player lt ActiveRecord Base has many cards inverse of gt player do def in hand find all by location hand en

  • 单击时更改 CSS 属性

    我试图在单击另一个元素时更改一个元素的 CSS 我进行了很多搜索 但没有任何效果是完美的 目前我正在使用下面的代码 但它不起作用 谁能告诉我我错过了什么 div hello world div img src zoom png functi

  • 如何测试（rspec）耗时太长的 http 请求？

    如果 rspec 请求花费的时间太长 如何测试行为 我正在考虑使用线程来模拟这个 describe Test do it should timeout if the request takes too long do lambda thre

  • 如何让 Redis 在 Heroku 上启动？

    我已经添加了RedistogoHeroku 上的 nano 插件 我已经在控制台中成功测试了它 但是 当我的应用程序尝试连接 Redis 时 出现以下错误 Heroku 日志文件 2011 10 12T08 19 50 00 00 app

  • Firefox 插件查找未使用的 CSS 样式[重复]

    这个问题在这里已经有答案了 可能的重复 识别未使用的 CSS 定义的工具 https stackoverflow com questions 135657 tool to identify unused css definitions 假设

  • 将扁平树解析为非扁平树的算法

    我有以下扁平树 id name parent id is directory 50 app 0 1 31 controllers 50 1 11 application controller rb 31 0 46 models 50 1 1

  • 如何在 Rails 3 控制器生成器中使用 `--helper` 标志？

    文档来自rails generate controller says helper Indicates when to generate helper Default true 现在 它没有指定如何指示值 因此 由于默认值为 true 这意

  • 通过 SVG 背景传递鼠标事件

    我有两个 SVG 元素 每个元素覆盖整个屏幕 html body height 100 svg position absolute top 0 left 0 bottom 0 right 0

  • 带 CSS 网格的等宽侧边栏列

    是否可以让左右列具有相同的宽度 而中间列占据剩余空间 我不想设置像这样的百分比grid template columns 20 60 20 因为并不总是确定这些列的内容是什么 Flexbox 和表格似乎没有解决这个问题的方法 所以我再次尝试

随机推荐

热门标签