/    /  Bootstrap Buttons

Bootstrap Buttons

 

Bootstrap have different classes to extend the default style of HTML buttons.Using the bootstrap button (.btn) classes, we can change the button color, button size, button state, etc. based on our requirements.

Bootstrap 4 has provides different styles of buttons: .btn-primary, .btn-success, .btn-info, etc.

 

Example:

 

<div class="container">
  <h2>Bootstrap Button Styles</h2>
  <button type="button" class="btn">Basic</button>
  <button type="button" class="btn btn-primary">Primary</button>
  <button type="button" class="btn btn-secondary">Secondary</button>
  <button type="button" class="btn btn-success">Success</button>
  <button type="button" class="btn btn-info">Info</button>
  <button type="button" class="btn btn-warning">Warning</button>
  <button type="button" class="btn btn-danger">Danger</button>
  <button type="button" class="btn btn-dark">Dark</button>
  <button type="button" class="btn btn-light">Light</button>
  <button type="button" class="btn btn-link">Link</button>     
</div>

 

OUTPUT: