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
・
・
・
続く