Question

我在rails 4中使用了simple_form和bootstrap。我希望开始日期和开始时间在同一行，结束日期和结束时间在同一行。我尝试过类似问题的解决方案，但没有一个能正常工作。我是铁路的新手。请帮帮我。

这是我的代码：

        <%= 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>内部后，您可以使用引导列来完成所有内容并完美地对齐所有内容。

simple_form inline on rails 4

1 个答案: