行間の余白を変更したい。これが私が始めていることです:
JSFiddle
デフォルトが多すぎます。bootstrap.cssでは、クラス.control-group.warning
、などしか表示されませんが、メイン スタイル.control-group.error
はありません。.control-group
どのように変更すればよいですか?
編集
これにより変更されることがわかりました:
.control-group {
margin-top: -8px;
}
行間の余白を変更したい。これが私が始めていることです:
デフォルトが多すぎます。bootstrap.cssでは、クラス.control-group.warning
、などしか表示されませんが、メイン スタイル.control-group.error
はありません。.control-group
どのように変更すればよいですか?
これにより変更されることがわかりました:
.control-group {
margin-top: -8px;
}
負のマージンを使用する必要はありません。以下はトリックを行います:
.form-horizontal .control-group {
margin-bottom: 12px;
}
また、CSSの大規模なオーバーホールを行っている場合を除いて(この場合、おそらくLESSを使用する必要があります)、通常はbootstrap.cssを編集せずに残し、 styles.cssファイルにオーバーライドを追加することをお勧めします。そうすれば、CDN(BootstrapCDNなど)を活用できる可能性があります。