css - Rails twitter bootstrap 将背景更改为图像

标签 css ruby-on-rails twitter-bootstrap less

我正在开发一个 Rails 应用程序并使用 twitter bootstrap 来加速这个过程。但是,我正在尝试将 .well 类更改为图像而不仅仅是颜色,但我没有找到正确的变量。

我试过:

@wellBackground: asset-url('path_to_file');

并认为可能会是:

@wellBackgroundImage: asset-url('path_to_file');

似乎都没有让我到达我想去的地方。任何帮助将不胜感激。

所以我将它拉到它自己的 css 文件中,但我仍然没有得到图像。

.well.sidebar-nav{
background: #C4C4C4 url('/app/assets/images/tweed.png') repeat-x top left ;
color: #FFFFFF;
 }

但是我仍然没有在后台获取图像。也许是 RoR 问题的路径?

最佳答案

您的 CSS 方法会奏效。

仔细检查您的选择器 .well.sidebar-nar 是否正确,并且没有来自其他地方的此 div 的背景样式。

如果一切正常,那可能是因为 tweed.png 文件的路径不正确。请记住,对于 CSS 背景图片,路径是相对于 CSS 文件的,而不是相对于您的网站根目录的。

A working example

祝你好运!

关于css - Rails twitter bootstrap 将背景更改为图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17737235/

相关文章:

javascript - Bootstrap 调整大小和自动折叠

javascript - Play Framework : Missing semicolon error in jQuery/Bootstrap JS

ruby-on-rails - 如何使用 postgres 在 rails 中查找在某一天(不是今天!)创建的记录

ruby-on-rails - 使用 %i 和 %I 符号数组文字

css - 在 ruby​​ on rails 中打印时如何隐藏链接 url

html - 媒体查询不适用于 iPhone

ruby-on-rails - 访问 Ruby 模块中的其他方法

twitter-bootstrap - 将雪佛龙置于右侧 - Navlist

CSS 文件未加载

html - Superfish 菜单间距关闭