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

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

这是我的火腿：

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

.col-sm-12
<
=呈现部分：'vehicle_image'，局部变量：{QUOTE_request:QUOTE_request}
>

我遇到的问题是，我无法将两个箭头显示在与图像相同的行上。

---

关于如何解决这个问题，您有什么想法吗？

您可以将箭头指定给某种元素，然后像这样布置

.row
  .col-sm-1.text-right
    <
  .col-sm-10
    = render partial: 'vehicle_image', locals: { quotation_request: quotation_request } 
  .col-sm-1.text-left
    >

.row
.col-sm-1.text-right
<
.col-sm-10
=呈现部分：'vehicle_image'，局部变量：{QUOTE_request:QUOTE_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
         >

.row
.col-lg-1
%h1
<
.col-lg-8
=链接到放置路径（放置）do
=image\u tag place.main\u image.url（：medium），class:'img responsive img place'，alt:place.name
.col-lg-1
%h1
>

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

---

您可能可以将箭头指定给某种元素，并按如下方式进行布局

.row
  .col-sm-1.text-right
    <
  .col-sm-10
    = render partial: 'vehicle_image', locals: { quotation_request: quotation_request } 
  .col-sm-1.text-left
    >

.row
.col-sm-1.text-right
<
.col-sm-10
=呈现部分：'vehicle_image'，局部变量：{QUOTE_request:QUOTE_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
         >

.row
.col-lg-1
%h1
<
.col-lg-8
=链接\u放置路径（位置）do
=image\u tag place.main\u image.url（：medium），class:'img responsive img place'，alt:place.name
.col-lg-1
%h1
>

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

---

尝试

=“

部分渲染：'vehicle\u image'，locals:{quote\u request:quote\u request}>”谢谢，但这不起作用，图像现在不渲染，我得到了“<>”apend

.html\u safe

在结尾处，我这样做了，现在图像渲染了，但是箭头和图像仍然没有在同一行中对齐，使图像“显示：内联”或“显示：内联块”？尝试

=“<渲染部分：'车辆图像'，本地：{quote\u请求：quote\u请求}>”

谢谢，但这不起作用，图像现在不渲染，我在结尾处得到“<>”apend

.html\u safe

，我这样做了，图像现在渲染了，但是箭头和图像仍然没有在同一行中对齐，使图像“显示：内联”或“显示：内联块”？实际上，当我将箭头更改为col-sm-2，将图像更改为col-sm-8时，它工作了，谢谢！很高兴听到：）您可能需要调整一些CSS以使其适合col-sm-1，可能图像超出了div的宽度（例如，它没有响应）。作为后续问题，你知道如何垂直居中箭头吗？看起来也有一个引导类：）或者它可能只是一个玩

填充顶部

和

填充底部

的例子。实际上，当我将箭头更改为col-sm-2，将图像更改为col-sm-8时，它工作了，谢谢！很高兴听到：）您可能需要调整一些CSS以使其适合col-sm-1，可能图像超出了div的宽度（例如，它没有响应）。作为后续问题，你知道如何垂直居中箭头吗？看起来也有一个引导类：）或者它可能只是一个玩

填充顶部

和

填充底部