2 link_to在同一行上?

问题描述

所以我想知道这是否可能,因为从我尝试过并阅读的内容来看似乎没有。我在div中有两个link_to,我希望它们位于同一行。一个link_to具有类似“ Time Machine”的字符串,另一个仅是一个X图标,用于删除某些内容。如果单击“ Time Machine”,将转到另一个视图,如果单击“ X”,则只删除该div,但我不知道如何将它们放在同一行中。我使用了类行,内联,块内联,也使用了col-md给他们一个固定的空间,但是什么也没有。

问题是X放置在另一个链接的下面,导致网络中出现一些奇怪的格式,因此我希望X位于“ Time Machine”的右侧。

enter image description here

这是我的代码

<div class="row">
   <li class="time_machine" data-toggle="tooltip",title="<%= "#{t '.time'} (#{Time.zone.at(current_user.time_machine_Now).strftime('%Y-%m-%d %H:%M')})" %>">
      <%= link_to content_tag(:i,nil,class: "fa fa-remove"),'?time_machine_Now=' %>
      <%= link_to "#{t '.time'}",time_selector_users_path,'data-toggle' => "modal",'data-target' => "#time_selector_modal","data-backdrop" => "static" %>
   </li>
</div>

有什么想法吗?

解决方法

如果您正在使用引导程序,则可以尝试一下。

<div class="row">
  <li class="time_machine" data-toggle="tooltip",title="<%= "#{t '.time'} (#{Time.zone.at(current_user.time_machine_now).strftime('%Y-%m-%d %H:%M')})" %>">
    <div class="d-flex"> 
      <%= link_to content_tag(:i,nil,class: "fa fa-remove"),'?time_machine_now=' %>
      <%= link_to "#{t '.time'}",time_selector_users_path,'data-toggle' => "modal",'data-target' => "#time_selector_modal","data-backdrop" => "static" %>
    </div>
  </li>
</div>

谢谢。 :)