如何以引导和简单的形式对齐多个字段标签

Question

这就是我当前表单的样子

如您所见，标签没有很好地对齐。我希望他们看起来像这样

这是我所有输入的代码

    <%= simple_form_for [@company], html: { class: 'form-horizontal' },wrapper: :horizontal_form do |f| %>
      <div class="form-group">
        <label class="col-md-1 control-label"></label>
        <div class="col-md-9">
           <%= f.input :name,  :label => "Name of Company" %>
      </div>
      </div>
        <% end %>

Answer 1

因为您正在使用引导程序 form-horizontal 类。要解决此问题，您必须覆盖引导 css。

在您的自定义 css 文件中粘贴下面的 css（尝试使用您的父类）

.parent-class .form-horizontal .control-label {
    text-align: left;
}