I'm building a JSP component (jsp-tag), which should have a bootstrap look, because we use Bootstrap on some, not all pages. My component needs only 3 bootstrap classes for buttons (CSS classes .btn, .btn-success, .btn-error), nothing else.
I would like to have that JSP component as self-contained as possible, so I don't want to add the 100+KB bootstrap.css within my component, but only a minimal CSS. And another reason not to include the big bootstrap.css: I don't want to change (=destroy) current pages with bootstrap styles.
Can I extract easily the styling for Bootstrap buttons somehow?
I copied and pasted the bootstrap stylings from my Firebug, which works well on modern browsers (IE9+, FF, Chrome), but not on IE8. So IE8 uses some CSS stylings that I could not reliably find out.
Small and large You can very easily change button size by adding btn-lg or btn-sm class to it. These classes modify the button's padding and also the font size and the CSS border radius.
You can create a custom bootstrap build for yourself via the bootstrap website.
Here's the link.
Just select the components you want and download the generated css file.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With