为引导程序元素添加填充

Question

Rails 3.2
Bootstrap 3

在我看来(app/views/users/password_expired/show.html.slim(，我有：

- content_for :page_header do
= t('users.passwords.create_password')
= form_for(resource, as: resource_name, url: [resource_name, :password_expired], html: {method: :post, class: "form-horizontal new_user"}) do |f|
.form-horizontal-column.wide
.form-group
= devise_error_messages!
.form-group style="width: 600px"
= f.label :current_password, t('users.passwords.current_password')
= f.password_field :current_password
.form-group style="width: 600px"
= f.label :password, t('users.passwords.new_pass')
= f.password_field :password
.form-group style="width: 600px"
= f.label :password_confirmation, t('users.passwords.confirm_new_password')
= f.password_field :password_confirmation
div= f.submit t('users.passwords.change_my_password'), :class => "btn btn-primary btn-lg"
.form-horizontal-column.shared-links

我希望在标签/输入字段和表单左侧之间看到一些填充，但我没有。看来所有其他形式都很好用。

我如何在不修改引导程序样式的情况下，在表单组的左侧添加一些填充，因为后者在其他地方都有效？

Answer 1

除了表单组，您还可以添加some-css-class:

.form-group.some-css-class

如果需要，在标签中添加some-css-class：

f.label :password, t('users.passwords.new_pass'), class: "some-css-class"

然后定义它的风格

.some-css-class {
/* define your margin/padding style */
}

并检查它是否符合您的规格…