Tag: css

无法让样式表显示在ruby应用程序中

我的layouts目录中的application.erb文件中有以下代码。 我在public / stylesheets中有blueprint目录，但链接不起作用。 它说它应该位于但那里什么都没有。 ‘screen’ %> ‘print’ %>

在铁轨的背景图像

我有轨道3.2.9，我想放一个背景图片。 我的图像可以在文件夹中找到： public/images ，我也把它放在文件夹中： assets/images 。 ul { height: 200px; width: 350px; border: solid 1px blue; margin: 0 auto; padding: 0px; background-image: url(‘/images/todo.png’); } 但没有背景图像。 请帮忙。

将“记住我”和复选框对齐在同一行（与Devise的CSS问题）

我正在使用Devise，复选框位于Remember Me下方。 这是jsfiddle上的HTML代码http://jsfiddle.net/icyborg7/8zxyz/ 这是标准设计代码 :boolean if devise_mapping.rememberable? %> “btn-info btn” %> 这是HTML输出（也可以在SO上粘贴） Remember me

为什么Twitter Bootstrap“固定”布局没有修复？

Twitter Bootstrap网站内容如下： 对于由单个 提供的几乎任何网站或页面的默认和简单的940px宽的居中布局。 引自http://twitter.github.com/bootstrap/scaffolding.html#layouts 这正是我在HTML中所拥有的，但是当我检查元素时，我看到这个CSS适用于它： .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } 顺便说一句，如果我通过添加…来覆盖CSS规则 div.container{ width:940px; } 然后div.container中的元素比div.container本身更宽，看起来不合适。 那么，为什么Twitter Bootstrap“固定”布局没有修复？ 以及如何修复它？

Bootstrap CSS加载bootstrap-sass，其他CSS不会加载

我正在使用Bootstrap for my Rails应用程序和bootstrap-sass v.3.1.1，它在我的application.css.scss文件中使用了以下内容： @import “bootstrap”; 没有别的。 就在今天，我尝试添加一些自己的CSS来添加一些我没有使用Bootstrap的样式。 这是我的欢迎视图/控制器，所以我把它添加到welcome.css.scss .complete-class { text-decoration: line-through; } 通过阅读Rails指南的这一部分，我的理解是你可以在清单中包含一个像welcome.css.scss这样的CSS文件，如下所示： @import “bootstrap”; /* *= require_self *= require_tree . */ 这没有成功应用我的CSS; welcome.css.scss也没有出现在head标签中。 当我试图调试这个时，我遇到了一些奇怪的事情，我觉得我也应该指出： 1.导入引导程序时出错 VIM的Syntastic插件有助于指出错误： File to import not found or unreadable: bootstrap. Load path: /home/stephen/code/blocitoff/app/assets/stylesheets 这很奇怪，因为 a）之前没有出现过这个错误，尽管我没有更改它引用的代码行（@import“bootstrap”） 和 b）bootstrap仍忠实地应用于我的页面布局，并出现在head标签的资产中。 2.卸载bootstrap-sass 我搜索了上面的错误，发现这个问题 ，这表明我卸载并重新安装bootstrap-sass。 虽然奇怪的是，即使我卸载了gem，引导设备仍保留在页面上，但这并没有奏效。 rails的版本是4.1.5 将所有css移动到application.css.scss 因为看起来我正在从application.css.scss加载引导程序，所以我在那里添加了我的CSS，但这也没有用。 在浏览器上隐身模式 最后我想如果卸载bootstrap-sass时引导程序没有消失那么可能它们被缓存在我的浏览器上了？ 我认为在开发过程中没有发生这种情况，但以防我在隐身模式下启动了chrome。 […]

如何使用Rails，Cucumber和Capybara测试Dropzone.js上传？

我有一个使用Cucumber和Capybara进行测试的Rails项目。 我有一个使用Dropzone.js的文件上传页面。 我的上传工作很有用，可以使用对话框或拖放。 测试是另一回事。 我的表格中有以下字段： 但是，在步骤定义中，我尝试了一些查找和附加文件数据的方法，但它们都不起作用。 我试过fill_in： fill_in “photo_image”, with: photo 我试过用css选择器找到： find(‘#photo_image’).set photo 我试过用xpath找到： find(:xpath, “//input[@id=’photo_image’]”).set photo 但他们都没有看到隐藏的领域。 Unable to find css “#photo_image” (Capybara::ElementNotFound) Unable to find xpath “//input[@id=’photo_image’]” (Capybara::ElementNotFound) Unable to find field “photo_image” (Capybara::ElementNotFound) 有没有可以使用Dropzone.js处理上传的测试方法还是没有希望？

中心水平forms的twitter bootstrap

我已经尝试了所有我能想到的东西，并查看了每一篇文档/教程/ github自述文件。 我正在构建一个简单的rails应用程序，它使用简单的forms和twitter bootstrap。 我希望我的表单位于页面的中心，我可以通过在我的bootstrap css文件中添加这些字段来移动到中心： body { text-align: center; } 结果如下： 无论我做什么，我都无法将标签“ control-label ”与中心对齐。 我尝试过在很多其他事情中使用id 。 这是我的表单的代码： { :class => ‘form-horizontal’ } do |f| %> { :maxlength => 10 }, :label_html => { :class => ‘control-label’ } %> ‘btn-primary’ %> 和生成的HTML： New Message Phone Message 请问有人可以提供一些支持吗？

切换页面后，Bootstrap下拉列表停止工作–Rails 4.2

我在我的网站上实现了引导菜单。 问题是，如果我切换页面菜单变得没有响应，请接受“徽标部分”，它将我带回主页。 如果我刷新页面，下拉菜单会再次运行。 我不知道为什么。 我的application.js看起来像： //= require jquery //= require jquery_ujs //= require turbolinks //= require bootstrap //= require moment //= require react //= require react_ujs //= require writer/react/panel 我的Gemfile ： source ‘https://rubygems.org’ gem ‘rails’, ‘4.2.0’ gem ‘pg’ gem ‘turbolinks’ gem ‘jbuilder’, ‘~> 1.2’ gem ‘therubyracer’ gem ‘figaro’ gem ‘responders’, ‘~> 2.0’ gem ‘active_model_serializers’, github: […]

Rails 4，资产编译

我可能浪费了4个小时试图让这个问题消失，不知道问题是什么。 本地我一直在创建我的Rails应用程序，所有资产都正确加载，可以在这里看到： 所以，酷它在开发模式下工作……但是当我推送到heroku时它不起作用！ BuyABrick 当我点击 服务器返回给我一个内部服务器错误（ 编辑没有意识到HTML搞砸了一切） 因此，我通过研究互联网来尝试所有人的灵魂。 这是我有的文件…… 配置/环境/ production.rb BuyABrick::Application.configure do # Settings specified here will take precedence over those in config/application.rb. # Code is not reloaded between requests. config.cache_classes = true # Eager load code on boot. This eager loads most of Rails and # your application in memory, allowing both thread […]

Heroku不显示SCSS背景图像

我有一个Rails应用程序，它使用style.css.scss文件中的背景图像。 我找到了多种方法让图像显示在localhost ，但没有办法让它们显示在Heroku上。 我已经看过很多关于SO的post，就像这样 ，以及其他像这样的网站，但到目前为止还没有任何工作。 这是我在style.css.scss的代码： .hero-000 { width: 102%; background: url(asset-path(“hero-000.jpg”)) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 但是，我还尝试了在链接的SOpost中找到的background-image ， image-url ， asset-url和许多其他排列。 我在我的production.rb文件中有这个： config.serve_static_files = true config.action_dispatch.x_sendfile_header = ‘X-Accel-Redirect’ config.assets.compile = true config.assets.digest = true 这在我的application.html.erb文件中调用css表： true %> 正如其他post所建议的，我已将此添加到我的application.rb： config.assets.initialize_on_precompile = false 关于如何解决这个问题的任何想法都会很高兴收到！ 附加信息 这是我的gemfile： source ‘https://rubygems.org’ […]