Bootstrap Buttons Size

 
  • .btn-lg used to make big size button.
  • .btn-md used to make medium size button.
  • .btn-sm used to make small size button.
  • .btn-xs used to make extra small size button.
  • .btn-block used to make block size buttons.
 
 
 
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bootstrap Button Example</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div> <h2>Button Sizes</h2> <button type="button" class="btn btn-primary btn-lg">Large</button> <button type="button" class="btn btn-warning btn-md">Medium</button> <button type="button" class="btn btn-danger btn-sm">Small</button> <button type="button" class="btn btn-default btn-xs">ExtraSmall</button></br></br> <button type="button" class="btn btn-info btn-block ">Block Button</button> </div> </body> </html>
Output