html - 我可以在两个箭头之间放置一个 Rails 部分吗？

Question

因此，我有一个 rails 部分(汽车图像)，我想将其放在两个箭头(“<”和“>”)之间。

这是我的火腿:

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

我遇到的问题是我无法让两个箭头显示在与图像相同的行上。关于如何解决这个问题的任何想法？

Answer 1

您或许可以将箭头分配给某种元素，然后像这样布置

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

在稍微调整边距后得到大致的结果: