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)
我遇到的问题是我无法将两个箭头显示在与图像相同的行上.关于如何解决这个问题的任何想法?
您可以将箭头分配给某种元素,然后像这样放置
.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)
在稍微调整一下后得到大致的结果: