为引导元素添加填充答案

【问题标题】：Add padding to bootstrap elements为引导元素添加填充
【发布时间】：2018-11-30 21:04:11
【问题描述】：

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

我希望在标签/输入字段和表单左侧之间看到一些填充，但我没有。似乎所有其他形式都可以正常工作。

如何在表单组的左侧添加一些填充，而不修改引导样式，因为后者在其他任何地方都可以使用？

【问题讨论】：

标签： ruby-on-rails-3 twitter-bootstrap-3 slim-lang

【解决方案1】：

除了form-group，还可以加上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 */
}

并检查它是否符合您的规范...

【讨论】：