Bootstrap button sizes not working? -


here 3 different button sizes:

<div class="btn-group btn-small">     <button class="btn btn-small btn-success" href="#" type="button">approve</button>     <button class="btn btn-small btn-danger" href="#" type="button">deny</button> </div>  <div class="btn-group">     <a class="btn btn-mini btn-success" href="#">approve</a>     <a class="btn btn-mini btn-danger" href="#">deny</a> </div>  <div class="btn-group">     <a class="btn btn-success" href="#">approve</a>     <a class="btn btn-danger" href="#">deny</a> </div> 

all 3 of result in this:

screenshot

why btn, btn-success, btn-danger , btn-group work, not btn-mini/small/etc?

bootstrap changed names of buttons v2.3 v3.0:

   2.3     -->   3.0   .btn-large --> .btn-lg   .btn-small --> .btn-sm   .btn-mini  --> .btn-xs 

here's full migration guide bootply.

so updated code should this:

<div class="btn-group">     <a class="btn btn-xs btn-success" href="#">approve</a>     <a class="btn btn-xs btn-danger" href="#">deny</a> </div> <br> <div class="btn-group">     <a class="btn btn-sm btn-success" href="#">approve</a>     <a class="btn btn-sm btn-danger" href="#">deny</a> </div> <br> <div class="btn-group">     <a class="btn btn-success" href="#">approve</a>     <a class="btn btn-danger" href="#">deny</a> </div> 

working demo in jsfiddle

which produce this:

screenshot


Comments

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -