Bootstrap XL Button

Bootstrap does not have any larger button sizes than large and large was not large enough for me, so I created an extra large button. Firstly, we have to create the CSS for it:

.btn-xl { padding: 15px 22px; font-size: 24px; line-height: 1.33; border-radius: 6px }

To use it, add btn-xl to the HTML element. An example for a link would be:

<a class="btn btn-success btn-xl" title="" href="#">Text</a>

Download (tar.gz)