时间戳

首页 > 解决方案 > 将 link_to 按钮与 Rails 中的输入对齐

ruby-on-rails - 将 link_to 按钮与 Rails 中的输入对齐

问题描述

所以我有这个link_to 按钮和一个输入字段。我只希望它们对齐，但按钮被放置在与标签相同的高度，而不是输入，所以结果如下：

在此处输入图像描述

我的代码：

<div class="column-selection row">
    <div class="select-to-be-cloned">
      <div class="col-md-2 traffic-columns">
        <%= f.input :select1, collection: @traffic_vault.sort + [["------ Aggregations ------ ", ""]] + @traffic_vault_aggregations.sort, include_blank: false, label: "Select Dimensions (*)", input_html: {class: "remember_timestamp", type: "text" } %>
      </div>
      </div>
      <div class="row col-md-4">
        <%= link_to "Apply function.", "#", :class => "btn btn-success", :style =>"width:auto !important;", :onclick => "apply_function(0)" %>
        <%= link_to "Rename It", "#", :class => "btn btn-success",:style =>"width:auto !important;",  :onclick => "rename(0)" %>
      </div>
    </div>
  </div>

我很确定这可以解决放置一个特殊的类，但我不知道什么类。我尝试使用 align-self-end ，因为我在其他帖子中看到了它，但没有，仍然是同样的问题。我也一直在尝试使用 form-group、form-inline 和 form-control，但没有成功。

标签： ruby-on-railsinputalignmentrowlink-to

解决方案

尝试像这样应用 css 会拉下按钮

边距顶部：10px；

推荐阅读