Friday, May 18, 2018

Show the different styles of buttons.

    Bootstrap provides different styles of buttons:
    To achieve the button styles above, Bootstrap has the following classes:
  • .btn
  • .btn-default
  • .btn-primary
  • .btn-success
  • .btn-info
  • .btn-warning
  • .btn-danger
  • .btn-link
  • STRUCTURE OF THE
  • Basic, Default,Primary, Success, Info, Warning, Danger,Link
  • Example

    <button type="button" class="btn">Basic</button>
  •  <button type="button" class="btn btn-default">Default</button>
  •  <button type="button" class="btn btn-primary">Primary</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-link">Link</button>

No comments:

Post a Comment