Bootstrapのfield.control-groupが干渉するせい？か、上手くcssが適応できません。

rails のslimとbootstrapを用いて
webのフロントサイドの実装をしておりました。

field.control-groupの中に、11項目程の入力フォームがある
アンケートフォームを作成しております。

以下のコードには2つしかありませんが、まだ、これが残り9つある状態です。

この実装でbootstrapのデザインがあたったフォームはつくれたのですが、
入力フォーム間の感覚がほとんどなく、詰まった印象があります。

marginなどを変更し、入力フォーム間をあけようと、独自にcssを作成し、適用しようとしていたのですが、上手くいきませんでした。
（css自体はあたっているのですが、field.control-groupが干渉するせいか、画面には反映されてませんでした。）

こういったケースではどうしたらいいでしょうか？

※やりたいこととしては、入力項目の間隔を広げたいです。


= form_for @user, url: user_path(@user), html: {multipart: true, class: 'form-horizontal'} do |f|
  .field.control-group
    .col-sm-6
      = f.label :email, class: 'control-label'
    .col-sm-6
      = f.email_field :email, class: 'fld__input form-control'

  .field.control-group
    .col-sm-6
      = f.label :password
    .col-sm-6
      = f.password_field :password, class: 'fld__input form-control'
  .field.control-group

・
・
・
続く