html - How can I increase the size of a bootstrap button? -

for example i've made button

<div class="btn btn-default">   active </div>

and looks following

however have button this

how can enlarge width of bootstrap button regardless of text size?

you can try use btn-sm, btn-xs , btn-lg classes this:

.btn-xl {     padding: 10px 20px;     font-size: 20px;     border-radius: 10px; }

you can make use of bootstrap .btn-group-justified css class. or can add:

.btn-xl {     padding: 10px 20px;     font-size: 20px;     border-radius: 10px;     width:50%;    //specify width here }

TSQL