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