ruby-on-rails - 如何在 Rails 中使用 Bootstrap 使表单居中

Question

如何在 Rails 中使用 Bootstrap 将表单居中。我有这个与患者链接的表格，我新将其居中，也许还应用一些其他样式。

<%= simple_form_for([@patient, @patient.reports.build]) do |f| %>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="form-control">
                    <div class="form-group">
                        <%= f.label :date %>
                    </div>
                    <div class="form-group">
                        <%= date_field(:report, :date) %>
                    </div>
                    <div class="form-group">
                        <%= f.label :report %>
                    </div>

                     <div class="form-group">
                        <%= text_area_tag(:report, "", size: "24x6") %>
                    </div>
                    <center><%= f.button :submit, :class => 'button_one'  %></center>
                </div>
        </div>
    </div>
<% end %>

Answer 1

我对 ruby​​-on-rails 一无所知，但你可以使用 Bootstrap 网格系统来做到这一点: 将页面行分成三个 div 2+8+2 并将代码放入第二个 div 中，就像这样:

<div class="col-md-2"><div>

<div class="col-md-8">
<%= simple_form_for([@patient, @patient.reports.build]) do |f| %>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="form-control">
                    <div class="form-group">
                        <%= f.label :date %>
                    </div>
                    <div class="form-group">
                        <%= date_field(:report, :date) %>
                    </div>
                    <div class="form-group">
                        <%= f.label :report %>
                    </div>

                     <div class="form-group">
                        <%= text_area_tag(:report, "", size: "24x6") %>
                    </div>
                    <center><%= f.button :submit, :class => 'button_one'  %></center>
                </div>
        </div>
    </div>
<% end %>
<div>

<div class="col-md-2"><div>