我可以在兩個箭頭之間放置一個Rails部分嗎？

所以，我有兩個箭頭（「<」和「>」）之間的部分軌道（一輛汽車的圖像）。我可以在兩個箭頭之間放置一個Rails部分嗎？

這裏是我的HAML：

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

我遇到的問題是，我不能讓兩個箭頭出現在同一行的形象。關於如何解決這個問題的任何想法？

來源

2017-05-30 AliciaGuerra

嘗試'=「<＃{渲染部分：'vehicle_image'，locals：{quotation_request：quotation_request}}>「' –

謝謝，但沒有奏效，圖像現在不渲染，我得到」<>「 – AliciaGuerra

在最後加上'.html_safe' –

你大概可以分配的箭頭，以某種元素，而不是躺在事情弄成這樣

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

和一點餘量的調整後，得到了大致這樣的結果：

來源

2017-05-30 06:50:27

我從字面上複製和粘貼，由於某種原因，它仍然無法正常工作.. – AliciaGuerra

實際上，當我將箭頭更改爲col-sm-2並將圖像更改爲col-sm-8時，它工作正常，謝謝！ – AliciaGuerra

很高興聽到它:) 你可能需要調整一些CSS以適應col-sm-1，也許圖像超出div的寬度（例如它不響應）。 –

我可以在兩個箭頭之間放置一個Rails部分嗎？

回答

相關問題