Tag: css

rails 4.0中的sass-rails助手“image_url”和“asset_url”之间的区别？: 我在/ app / assets / images目录中有一个jpg，并使用它作为后台使用以下CSS。 body { background-image: image_url(‘metal_texture.jpg’) } asset_url助手也适用于这种情况。由于Rails 4资产管道不关心文件所在的/ app / assets中的哪个目录，是否有理由使用image_url vs asset_url？

如何应用自定义的Bootstrap消息错误来设计？: 我正在将Bootstrap3错误样式应用于我的Rails4应用程序中的所有消息，这里（来源） def bootstrap_class_for flash_type { success: “alert-success”, error: “alert-error”, alert: “alert-warning”, notice: “alert-info” }[flash_type] || flash_type.to_s end def flash_messages(opts = {}) capture do flash.each do |msg_type, message| concat(content_tag(:div, message, class: “alert #{bootstrap_class_for(msg_type)} fade in”) do concat content_tag(:button, ‘x’, class: “close”, data: { dismiss: ‘alert’ }) concat message end) end nil end end 在同一时间我试图将相同的样式应用于设计错误消息，但它不起作用。 […]

将Bootstrap内容对齐缩略图中的图像右侧: 我无法在引导缩略图中将我的标题与我的图像右侧对齐我的HTML Available on : ‘remind’ %> 所以目前我的图像位于左侧，标题位于图像下方。是否有一种简单的方法用css将标题设置为div，使其位于图像的右侧

如果没有重新启动WEBrick，为什么我的css更改不会显示？: 我在rails 3.2项目上做了一些简单的css编辑，除非我重新启动webrick，否则我的更改不会显示。我遇到了一些事情，说它可能正在使用public / assets目录，但我不认为是这种情况，因为我的更改显示服务器重新启动时。不知道为什么会这样。有谁知道我是否需要修复某种配置来解决这个问题？

标签显示在复选框下面: 上面的代码生成了这个HTML OpenID 并且标签显示为 [x] OpenID 代替 [x] OpenID 我是否需要设计样式或者rails帮助程序是否具有一些内置function？添加我在我的Rails应用程序中使用twitter bootstrap CSS框架。

CSS样式的flash消息: 我应该用什么来设置我的CSS中的flash消息？我似乎无法改变它的造型。这是我的应用程序布局的中的相关代码： <div class="flash “> 相关的原始CSS是这样的，但它目前不起作用。 .error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;} .success {background:#e6efc2;color:#264409;border-color:#c6d880;}

Rails Simpleform设置表单输入元素的宽度: 我在表格中使用gem simpleform 我想调整简单表单的每个表单元素的宽度我可以这样做吗？我尝试了以下但它似乎不起作用 { :size => 10, :maxlength => 10 } %> 我在这里查看了simpleform文档，但找不到如何专门设置宽度。这是我在表格中的表格。我想让列更窄。如您所见，列宽非常宽。请告知如何使它们合适的尺寸，这样它们就不会占用太多空间。

rails：对custom.css.scss的任何更改都会导致应用程序崩溃: 我正在学习铁轨。我有这个问题，希望你能帮助我。这是我的custome.css.scss： @import “bootstrap”; /* mixins, variables, etc. */ $grayMediumLight: #eaeaea; /* universal */ html { overflow-y: scroll; } body { padding-top: 60px; } section { overflow: auto; } textarea { resize: vertical; } .center { text-align: center; h1 { margin-bottom: 10px; } } /* typography */ h1, h2, h3, h4, h5, h6 { […]

Rails的图片url4 +不包括哈希: 我有一个Rails 4应用程序，并使用less-rails gem。在main.css.less ，我使用以下命令向网站添加背景图像： body { background-image: image-url(“background.jpg”); } 一切都在本地工作正常，但当我使用预编译资产推送到我的服务器时，图像url不会更新以包含哈希。也就是说，图像现在位于public/assets/background-074c0b767cd8cfb2da93b37ea3596326.jpg但我的css文件仍然是url(/assets/background.jpg) 。下面的链接似乎很有希望，但没有一个推荐的解决方案有效（大多数是特定的sass ，虽然我尝试了image-url ， asset-url和他们各自的-path ）。如何在Rails 4中引用CSS中的图像有任何想法吗？

.well类中的垂直中心引导btn: 我有一个链接，我想从bootstrap框架垂直居中于.well类，并在锚标签上使用类btn btn-danger 。这是下面的图片。我尝试使用vertical-align:middle; 但这似乎不起作用。您可以看到井上的空间甚至不在顶部和底部。这是HTML： ‘btn btn-danger’%>