我正在尝试使用嵌入式红宝石在引导媒体对象中添加图像。 我尝试了一堆不同的方法,但没有任何效果。 这就是我现在所拥有的。 关于如何实现这一目标的任何想法?

<div class="media">
   <a class="pull-left" href="">
      <img class="media-object" src="/assets/images/computer.jpg" alt="Commerical">
      <%= image_tag('computer.jpg') %>
   </a>
 <div class="media-body">
   <h4 class="media-heading">Commercial</h4>
            ...
 </div>
</div>

===============>>#1 票数:0 已采纳

阅读Rails 4.1的image_tag文档 ,您会发现

image_tag("/icons/icon.gif", class: "menu_icon")
# => <img alt="Icon" class="menu_icon" src="/icons/icon.gif" />

所以你应该能够做到

<%= image_tag('computer.jpg', class: 'media-object', alt: 'Commerical') %>

并完成它。 但是,如果您发布所获得的HTML并讨论为什么它不能满足您想要的结果,这确实会有所帮助。

  ask by user3408293 translate from so

未解决问题?本站智能推荐:

2回复

Bootstrap 3中的响应式HR对齐

我希望HR标签与使用Bootstrap 3的文本具有相同的响应对齐方式,因此当文本居中时,它位于下面,也居中。 当文本左对齐时,HR位于下方,并且也保持对齐。 我认为可以通过使用text-xs-center和text-lg-left将其包装在标签旁边的div中来实现,但是这些类似乎只影响
1回复

媒体查询宽度如何应用于预设的Bootstrap Xs sm md lg列类?

对于引导程序,这些类本身内置了现有的宽度限制(例如col-xs-3,col-sm-8,col-md-10,col-lg-1)。 这些类别已经预设为截止于768m 992和1024px。 如果您通过媒体查询定义自己的截止点,那么如何确保像col-xs-3这样的预设类确实在通过媒体查询指定的
1回复

引导程序-修改按钮样式

有没有办法通过Sass文件更改Bootstrap样式-悬停和边框属性? 我在变量文件中看不到任何要编辑的属性
2回复

具有选定边框的自举列网格

我正在使用Bootstrap显示一行列。 每列都有一个背景图像,一个边框,并且它们之间没有间隙。 当列表具有多个列时,相邻列的边框会产生不希望的效果,看起来边框的宽度不同。 这是发生了什么: 这是我需要实现的: 我的HTML: 我的CSS / SCSS: 我
1回复

引导程序3:根据页面设置自定义容器大小

我正在寻找一些不是默认容器大小的页面。 例如,假设我的默认值为1170px(默认值为Bootstraps)。 然后说我想要一个大约8列宽的容器,基于默认的1170px宽度(780px)。 我知道很多人的第一个想法就是维护1170px容器,然后只使用8列,偏移量为2,但这并不能达到我想要
1回复

基于父列的引导数

有谁知道这是否可以通过引导混合来实现。 列(父级数) 像Neat一样。 在整洁的专栏中,mixin的工作原理如下 $ span可以是3或类似12之3 指定元素应跨越的列数。 如果选择器是嵌套的,则其父元素的列数也应作为参数传递。 谢谢
1回复

如何在bootstrap 3上切换到lg viewport进行打印预览?

当我试图打印网站时,似乎引导程序的打印视图会自动切换到xs,是否有办法使打印视图成为lg视口? 就像是
2回复

使用变量获取HTML中的类

我对Sass很陌生,我想根据特定条件使用一个CSS类或另一个CSS类... 基本上,如果我的@media的大小为@media width:320px,我想使用bootstrap的col-xs-12,而@media的大小为width:480px,然后使用bootstrap的col-xs-6。
1回复

twitter boostrap导航栏中的圆角半径

在使用bootsrap 3的rails应用程序中,我的导航栏上似乎有一个奇怪的4px边界半径,我似乎无法摆脱它。 我试过了 我甚至无法编辑bootstrap css,因为我似乎无法找到它。 任何雄辩的工作? 这里是HTML
2回复

在rails中使用Bootstrap Sass时出错

我正在使用rails应用程序上的简单ruby,我收到以下错误: TypeError: Cannot read property 'process' of undefined (in/home/saasbook/Documents/projects/Bookkeeper/app/assets/