所以,我有两个箭头(“<”和“>”)之间的部分轨道(一辆汽车的图像)。我可以在两个箭头之间放置一个Rails部分吗?
这里是我的HAML:
.col-sm-12
<
= render partial: 'vehicle_image', locals: { quotation_request: quotation_request }
>
我遇到的问题是,我不能让两个箭头出现在同一行的形象。 关于如何解决这个问题的任何想法?
所以,我有两个箭头(“<”和“>”)之间的部分轨道(一辆汽车的图像)。我可以在两个箭头之间放置一个Rails部分吗?
这里是我的HAML:
.col-sm-12
<
= render partial: 'vehicle_image', locals: { quotation_request: quotation_request }
>
我遇到的问题是,我不能让两个箭头出现在同一行的形象。 关于如何解决这个问题的任何想法?
你大概可以分配的箭头,以某种元素,而不是躺在事情弄成这样
.row
.col-sm-1.text-right
<
.col-sm-10
= render partial: 'vehicle_image', locals: { quotation_request: quotation_request }
.col-sm-1.text-left
>
你可能需要做一些CSS的减少补白/利润率,使之与箭结束放在你想要的地方。
我只是用尝试过在一个个人项目:
.row
.col-lg-1
%h1
<
.col-lg-8
= link_to place_path(place) do
= image_tag place.main_image.url(:medium), class: 'img-responsive img-place', alt: place.name
.col-lg-1
%h1
>
和一点余量的调整后,得到了大致这样的结果:
我从字面上复制和粘贴,由于某种原因,它仍然无法正常工作.. – AliciaGuerra
实际上,当我将箭头更改为col-sm-2并将图像更改为col-sm-8时,它工作正常,谢谢! – AliciaGuerra
很高兴听到它:) 你可能需要调整一些CSS以适应col-sm-1,也许图像超出div的宽度(例如它不响应)。 –
尝试'=“<#{渲染部分:'vehicle_image',locals:{quotation_request:quotation_request}}>“' –
谢谢,但没有奏效,图像现在不渲染,我得到”<>“ – AliciaGuerra
在最后加上'.html_safe' –