Tag: css

将RoR注册脚本添加到引导模式中: 所以我试图在Bootstrap模式中创建一个注册脚本，但它失败了。相同的脚本在其赢得的页面上工作，只是不确定为什么它在这里不起作用。使用bootstrap有什么特别之处吗？这是错误：以下是模态内容 × Register Email “First name” %> Password “Last name” %> Password “Email” %> Password “Password” %> 这是我的用户控制器 class UsersController < ApplicationController def new @user = User.new end end 和用户模型 class User < ApplicationRecord has_secure_password end 最后我的db：为我的用户迁移文件 class CreateUsers < ActiveRecord::Migration def change create_table :users do |t| t.string :first_name t.string :last_name […]

Ruby on rails：样式表不起作用ExecJS :: ProgramError: 错误页面：这是application.html.erb文件： YoutupediaBlog true %> true %> 过去两天我一直在搜索这个问题的解决方案。我尝试了很多东西。大多数解决方案都说要在stylesheet_link_tag和javascript_include_tag中将“应用”更改为“默认”。它的剂量工作和页面加载成功，但!! 样式表未加载。我的页面样式未显示。这是我的posts.scss文件（它位于app / assets / stylesheets目录中） body { margin: 0; font-family: proxima-nova, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; } h1 { color: blue; text-align: center; background-color: #2A4550; color: white; margin: 0; padding: 24px; } 我现在很郁闷，任何帮助都表示赞赏。

安装bootstrap gem后，Pages＃welcome中的NoMethodError: 安装bootstrap gem并再次运行rails server后，我收到此错误： NoMethodError in Pages#welcome undefined method `environment’ for nil:NilClass (in /Users/neilpatel/Desktop/Rails/prospects/app/assets/stylesheets/custom.css.scss) custom.css.scss @import “bootstrap”; 应用程序/视图/布局/ application.html.erb Prospects true %> true %> 日志/ development.log Processing by PagesController#welcome as HTML Rendered pages/welcome.html.erb within layouts/application (0.1ms) Completed 500 Internal Server Error in 15ms ActionView::Template::Error (undefined method `environment’ for nil:NilClass (in /Users/neilpatel/Desktop/Rails/prospects/app/assets/stylesheets/custom.css.scss)): 4: 5: Prospects 6: 7: […]

在Static_pages中的Sass :: SyntaxError #home Hatrl的tuorial: 我正在研究Michael Hartl Rails教程（目前第7章）。当我尝试运行服务器时，会显示以下消息： Sass::SyntaxError in Static_pages#home Showing C:/rails_project/sample_app/app/views/layouts/application.html.erb where line #5 raised: Invalid CSS after “}”: expected “}”, was “” (in C:/rails_project/sample_app/app/assets/stylesheets/custom.css.scss) Extracted source (around line #5): 2: 3: 4: 5: 6: 7: 8: Rails.root: C:/rails_project/sample_app Application Trace | Framework Trace | Full Trace app/assets/stylesheets/custom.css.scss:104 app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb___917874405_26658636′ 来自application.html.erb的代码：我不知道问题出在哪里。错误消息似乎不足以在aplication.html.erb中存在代码。有人有线索吗？

“使用rails进行敏捷Web开发”一书：未应用CSS: 我刚刚开始潜入Rails世界，阅读着名的实用书籍书籍“使用rails进行敏捷Web开发”。到目前为止，我确实遵循了所有示例，但现在我被困在第85页（pdf版本），其中应该将自定义CSS添加到项目中。我把css文件（可以在这里获得）放在“/ public / stylesheets /”文件夹中。但是当我在浏览器中访问/ products页面时，CSS 不会应用于产品列表页面。页面的所有内容都显示出来，只缺少CSS格式。该页面由此 .erb文件生成。按照本书中的示例，你们中是否遇到过同样的问题？有人知道出了什么问题吗？非常感谢你的帮助，享受这一天！ TOBI

Sass变量声明优先级: 我在两个文件中声明了同名变量。我按以下顺序导入它们并发现冲突。 FileName：Modal.scss $gray : #e1e1e1; // Imported first FileName：Variable.scss $gray : #999; // imported later 预期的行为是应该覆盖Value。但是，我在CSS中获得了第一个导入值（＃e1e1e1）而不是（＃999）。我做错了多次声明变量吗？

有没有办法逃脱Nokogiri css中的非字母数字字符？: 我有一个锚标记： file.html#stuff-morestuff-CHP-1-SECT-2.1 试图在Nokogiri中提取引用的内容： documentFragment.at_css(‘#stuff-morestuff-CHP-1-SECT-2.1’) 失败并出现错误： unexpected ‘.1’ after ‘[#<Nokogiri::CSS: :Node:0x007fd1a7df9b40 @type=:CONDITIONAL_SELECTOR, @value=[#, #]>]’ (Nokogiri::CSS::SyntaxError) 只是试着通过这个 – 我认为Nokogiri抱怨选择器中的.1 ，因为. 在HTML身份证中无效。我不拥有这些内容，所以如果可以避免的话，我真的不想修复所有错误的ID。有没有办法在nokogiri .css()调用中转义非字母数字选择器？

SASS编译错误 – LoadError：无法加载此类文件 – listen / version使用–trace进行回溯: 我是第一次尝试使用SASS，我已经安装了最新版本，但在终端中出现错误 stuarts-imac:css stuartcookney$ sass –watch main-style.scss Sass is watching for changes. Press Ctrl-C to stop. write main-style.css LoadError: cannot load such file — listen/version Use –trace for backtrace. 它编译css文件，但有些东西被破坏，因为我做的任何其他更改都没有更新..出了什么问题？

指南针SCSS小写的颜色代码: 在我的团队中，我们有相同版本的Compass（它是Compass 0.12.2 Alnilam）。当Compass编译我的SCSS时，颜色代码在SCSS中从大写（＃A0CAE3）更改为小写（＃a0cae3）。只有我有这个问题，其他开发人员都有大写的颜色代码。为什么？

Sass – 手表不重新编译: 当我保存对build.scss更改时，Sass会更新我的主样式表build.css ，但是当我将更改保存到任何部分时，不会更新build.css ，例如_grid-settings.scss 。每次我对部分进行更改时，我必须手动重新保存build.scss ，以便Sass检测到更改。从我的终端： Justins-MacBook-Air:ageneralist justinbrown$ sass –watch stylesheets:stylesheets >>> Sass is watching for changes. Press Ctrl-C to stop. write stylesheets/build.css [Listen warning]: Listen will be polling for changes. Learn more at https://github.com/guard/listen#polling-fallback. 我的目录是： stylesheets/ ├── base │ └── _base.scss ├── build.css ├── build.scss ├── layout │ └── _layout.scss └── vendor ├── […]