Tag: css

Rails 4.1 image url仍在调用未编译的资产: 所以我的导轨网站大部分都在生产，但我意识到我错过了一些图像。我查看了我的预编译css文件，图像url直接调用图像，如url(/assets/gototop.png) ，因为我的图像现在像gototop-6c119f88349ddd550e3efcf5bbefe1ad.png ，所以它找不到。如何让我的CSS指向预编译的图像文件？更新：也如链接文件中所述，我意识到我可以使用asset_path方法但不幸的是我使用scss而且我不能只将.erb添加到文件的末尾…似乎rails不喜欢使用多个编译器。（我试过了）

Bootstrap媒体查询Rails错误: 我试图通过覆盖引导媒体查询使我的应用程序上的字体对于小型设备更大。我试图这样做，通过使用bootstrap媒体查询设置h1的字体大小 @media (min-width: @screen-sm-min) { h1{font-size: 5rem} } 只有我收到此Rails错误消息。 Invalid CSS after “…ia (min-width: “: expected expression (eg 1px, bold), was “@screen-sm-min) {” 我在下面的回答中看到他们通过明确说明宽度来覆盖，这不再为我抛出错误，但我不确定为什么我不能使用bootstraps变量。我是否必须在某处设置@ screen-sm-min的值才能使用它？ Rails 4 Bootstrap 3.3，媒体查询导致错误

如何链接到Ruby on Rails中的外部样式表？: 我正在尝试使用以下语句链接到我的RoR布局中的YUI重置样式表… 但是这条路径正在我的页面上回显而不是被应用。我从rails docs得到了这个语法。我究竟做错了什么？谢谢！

在对custom.css.scss进行微小更改后，Bootstrap无法正常工作: 与此问题类似： rails：对custom.css.scss的任何更改都会导致应用程序崩溃我已经对custom.css.scss文件进行了更改，并且所有对颜色的引导引用都停止了。我现在已手动输入这些颜色的hex值并加载应用程序，但我的导航栏的类现在无法正常工作。由于某种原因，我现在有一个引用任何引导类的问题。我也不明白为什么对样式表进行微小的更改会导致我的引导样式陷入崩溃。我想我必须在其他地方遇到设置问题。 custom.css.scss： @import “bootstrap”; /* mixins, variables, etc. */ $grayMediumLight: #eaeaea; $gray-darker: #222; $gray-dark: #333; $gray: #555; $gray-light: #999; $gray-lighter: #eee; 相关的gem gem ‘rails’, ‘4.0.2’ gem ‘bootstrap-sass’, ‘2.3.2.0’ gem ‘sprockets’, ‘2.11.0’ gem ‘sass-rails’, ‘4.0.1’ gem ‘uglifier’, ‘2.1.1’ gem ‘coffee-rails’, ‘4.0.1’ gem ‘jquery-rails’, ‘3.0.4’ gem ‘turbolinks’, ‘1.1.1’ 除此之外，我最近将bootstrap.css和bootstrap.min.css文件添加到vendor / assets […]

bootstrap模式没有正确弹出: 我正试图在铁轨上显示ruby上的模态。我设置了一个视图按钮，所以无论何时单击，模式都会弹出。但它没有正常工作。正如您在图像上看到的那样，模态不应该变暗。因此，我无法点击任何内容。这是我的代码： index.html.erb . <%= link_to (' ‘).html_safe, edit_quotation_path(quotation), class: “btn btn-icon btn-fill btn-github”, title: “Edit Quotation ” + quotation.build_quotation_number, ‘data-toggle’ => ‘tooltip’, ‘data-placement’ => ‘top’ %> <%= link_to (' ‘).html_safe, quotation_path(quotation), data: {:confirm => ‘Are you sure you want to delete this quotation?’}, method: :delete, class: “btn btn-icon btn-fill btn-danger”, […]

使用表格中的提交按钮制作精灵: 我想创建两个精灵按钮来validation（或不validation）某些请求。所以这是我同意的按钮： <div class="validation_button loan_button" id="agreed_loan_button_”> 其中24px.png是24px边尺寸方形透明图像。这是我的同意按钮发生的地方： <tr id="loan_”> 那么这是我的css ： .icon-agree { background: url(“agree.png”); display: block; width: 24px; height: 24px; &.enabled { background-position: 0 -24px; } &.disabled { background-position: 0 0; } &.active { text-indent: -9999px; &:hover { background-position: 0 -24px; } &:active { background-position: 0 -48px; } } } 当我在开发环境中使用我的应用程序时，它会呈现我想要的内容。但是，如果我将其推向生产，方形透明图像将变为空白并隐藏精灵背景。 […]

无法在Heroku上加载自定义CSS: 我正在运行Rails 3.2.8并构建了一个链接到自定义CSS文件和图像的应用程序。自定义CSS文件放在我的Assets / stylesheets文件夹中，图像放在Assets / images中。出于某种原因，当我将应用程序推送到Heroku时，不会加载CSS和图像。该应用程序生成一个manifest.yml文件，其中包含所有图像和CSS文件。 CSS文件是Twitter Bootstrap的自定义版本： http ： //twitter.github.com/bootstrap/index.html 希望你们能提前帮助和感谢！

Rails为每个用户提供他们自己的可自定义样式表: 这是一个相当简单的问题。我的Rails3应用程序中有用户。我想让每个用户都能够通过表单自定义样式表，这样他们就可以拥有自己的主题。我想知道如何实现这一目标，以及你看到它的最佳方式是什么？我是否需要使用LessCss？如果是这样，我可以将变量从控制器传递给lesscss sylesheet吗？

404使用rails 3.2在CSS中显示背景图像时: 我在rails 3.2 app中手动添加了assets / images目录，并添加了image background.png。当提到来自css的图像时 background: url(“assets/background.png”) no-repeat; 我得到了404，但资产/样式表和资产/ javascripts出现了。 **更新看起来好像我还原到显式调用样式表即代替背景图像正确显示

要导入的文件未找到或不可读：rails 5.2.0上的bootstrap-sprockets: 我有以下问题。 “要导入的文件未找到或不可读：bootstrap-sprockets。” 以下gem我安装了gem’bootstrap’gem’bootstrap-sass’，’〜> 3.3.7’gem’sass-rails’，’> = 3.2′ 文件：应用程序名称从css更改为scss。在application.scss文件中我添加了这些行 @import“bootstrap-sprockets”; @import“bootstrap”; 我捆绑安装，然后重启服务器。但仍然是相同的错误消息。如果有人遇到同样的问题并找到解决方案，那将很棒，stackoverflow上的所有书面解决方案都不起作用。