2017-05-30 65 views
0

所以,我有两个箭头(“<”和“>”)之间的部分轨道(一辆汽车的图像)。我可以在两个箭头之间放置一个Rails部分吗?

这里是我的HAML:

.col-sm-12 
    < 
    = render partial: 'vehicle_image', locals: { quotation_request: quotation_request } 
    > 

我遇到的问题是,我不能让两个箭头出现在同一行的形象。 关于如何解决这个问题的任何想法?

+0

尝试'=“<#{渲染部分:'vehicle_image',locals:{quotation_request:quotation_request}}>“' –

+0

谢谢,但没有奏效,图像现在不渲染,我得到”<>“ – AliciaGuerra

+0

在最后加上'.html_safe' –

回答

5

你大概可以分配的箭头,以某种元素,而不是躺在事情弄成这样

.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 
     > 

和一点余量的调整后,得到了大致这样的结果:

enter image description here

+0

我从字面上复制和粘贴,由于某种原因,它仍然无法正常工作.. – AliciaGuerra

+2

实际上,当我将箭头更改为col-sm-2并将图像更改为col-sm-8时,它工作正常,谢谢! – AliciaGuerra

+0

很高兴听到它:) 你可能需要调整一些CSS以适应col-sm-1,也许图像超出div的宽度(例如它不响应)。 –

相关问题