simple_form 内联 rails 4

Question

我在 rails 中使用 simple_form 和 bootstrap 4. 我希望开始日期和开始时间在同一行，结束日期和结束时间在同一条线。我尝试过类似问题的解决方案，但其中 none 有效。我是 rails 的新手。请帮助我。

这是我的代码：

        <%= b.input :start_date, wrapper: :horizontal_input_group do %>
        <%= b.input_field :start_date, class: "form-control date start" %>
        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
        <% end %>

        <%= b.input :start_time, wrapper: :horizontal_input_group do %>
        <%= b.input_field :start_time, as: :string, class: "form-control time start" %>
        <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
        <% end %>


        <%= b.input :end_date, wrapper: :horizontal_input_group do %>
        <%= b.input_field :end_date, class: "form-control date end" %>
        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
        <% end %>

        <%= b.input :end_time, wrapper: :horizontal_input_group do %>
        <%= b.input_field :end_time, as: :string, class: "form-control time end" %>
        <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
        <% end %>

        <% end %>

Answer 1

getbootstrap.com/css/#grid 这是你应该读的。在用 <div class="container"></div> 包装代码并在代码内部 <div class="row"></div> 之后，您可以使用 bootstrap 列来实现自己的方式并完美对齐所有内容。

simple_form 内联 rails 4

simple_form inline on rails 4

simple-form

ruby-on-rails-4

simple-form-for