我可以在两个箭头之间放置Rails吗?

Ali*_*rra 0 html css haml ruby-on-rails twitter-bootstrap

所以,我有一个轨道部分(汽车的图像),我想放在两个箭头之间("<"和">").

这是我的haml:

 .col-sm-12
   <
   = render partial: 'vehicle_image', locals: { quotation_request: quotation_request } 
   >
Run Code Online (Sandbox Code Playgroud)

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

Tin*_*ner 5

您可以将箭头分配给某种元素,然后像这样放置

.row
  .col-sm-1.text-right
    <
  .col-sm-10
    = render partial: 'vehicle_image', locals: { quotation_request: quotation_request } 
  .col-sm-1.text-left
    >
Run Code Online (Sandbox Code Playgroud)

您可能需要执行一些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
         >
Run Code Online (Sandbox Code Playgroud)

在稍微调整一下后得到大致的结果:

在此输入图像描述

  • 实际上,当我将箭头更改为col-sm-2并将图像更改为col-sm-8时,它可以工作,谢谢! (2认同)