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:
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:
Comments
Post a Comment