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

Question

所以，我有一个部分轨道（汽车的图像），我想将它放在两个箭头（“”）之间。

这是我的火腿：

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

经过一些边距调整后大致得到了这个结果：