ブートストラップスイッチの高さ問題

Question

Bootstrap switch with on text 'Yes'

ブートストラップスイッチの高さに問題があります。私はスイッチの高さを変えることができません。スイッチの高さをどのように変更できますか？

Answer 1

あなたのページに次のCSSを追加し、高さ、パディング、余白をデザインに合わせて調整してください。

div.bootstrap-switch-container { 
    height: 25px; 
} 
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { 
    padding: 3px 12px; 
} 
div.bootstrap-switch { 
    margin-top: -4px; 
}