Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Minimal bootstrap css for buttons

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.

like image 350
Bernie Avatar asked Apr 29 '14 13:04

Bernie


People also ask

How do I make Bootstrap button smaller?

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.


1 Answers

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.

like image 170
Varun Achar Avatar answered Oct 18 '22 07:10

Varun Achar