向 bootstrap 个元素添加填充

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

我期待在 labels/input 字段和表单左侧之间看到一些填充，但我没有。看来其他所有表格都工作正常。

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

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 */
}

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

向 bootstrap 个元素添加填充

Add padding to bootstrap elements

ruby-on-rails-3

slim-lang

twitter-bootstrap-3