<div class="bd-example">
    <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-secondary disabled">Disabled</button>
    <button type="button" class="btn btn-light">Light</button>
    <button type="button" class="btn btn-dark">Dark</button>
    <button type="button" class="btn btn-link">Link</button>
</div>
                                        

<div class="bd-example">
    <button type="button" class="btn btn-outline-primary">Primary</button>
    <button type="button" class="btn btn-outline-secondary">Secondary</button>
    <button type="button" class="btn btn-outline-success">Success</button>
    <button type="button" class="btn btn-outline-danger">Danger</button>
    <button type="button" class="btn btn-outline-warning">Warning</button>
    <button type="button" class="btn btn-outline-info">Info</button>
    <button type="button" class="btn btn-outline-light">Light</button>
    <button type="button" class="btn btn-outline-dark">Dark</button>
</div>
                                        

<div class="bd-example">
    <button type="button" class="btn btn-primary btn-xs">Extra small button</button>
    <button type="button" class="btn btn-primary btn-sm">Small button</button>
    <button type="button" class="btn btn-primary">Default button</button>
    <button type="button" class="btn btn-primary btn-lg">Large button</button>
</div>
                                        

<div class="bd-example">
    <button type="button" class="btn btn-primary btn-rounded">Primary</button>
    <button type="button" class="btn btn-secondary btn-rounded">Secondary</button>
    <button type="button" class="btn btn-success btn-rounded">Success</button>
    <button type="button" class="btn btn-info btn-rounded">Info</button>
    <button type="button" class="btn btn-warning btn-rounded">Warning</button>
    <button type="button" class="btn btn-danger btn-rounded">Danger</button>
    <button type="button" class="btn btn-secondary disabled btn-rounded">Disabled</button>
    <button type="button" class="btn btn-light btn-rounded">Light</button>
    <button type="button" class="btn btn-dark btn-rounded">Dark</button>
    <button type="button" class="btn btn-link btn-rounded">Link</button>
</div>
                                        

<div class="bd-example">
    <button type="button" class="btn btn-primary btn-addon"><i class="fas fa-dollar-sign"></i> Primary</button>
    <button type="button" class="btn btn-success btn-addon"><i class="fas fa-check"></i>Success</button>
    <button type="button" class="btn btn-info btn-addon"><i class="fas fa-info"></i> Info</button>
    <button type="button" class="btn btn-warning btn-addon"><i class="fas fa-spin fa-sync-alt"></i> Warning</button>
    <button type="button" class="btn btn-danger btn-addon"><i class="fas fa-cart-plus"></i> Danger</button>
</div>
                                        

<div class="bd-example">
    <button type="button" class="btn btn-social btn-facebook"><i class="fab fa-facebook-f"></i></button>
    <button type="button" class="btn btn-social btn-twitter"><i class="fab fa-twitter"></i></button>
    <button type="button" class="btn btn-social btn-google"><i class="fab fa-google-plus-g"></i></button>
    <button type="button" class="btn btn-social btn-youtube"><i class="fab fa-youtube"></i></button>
    <button type="button" class="btn btn-social btn-vimeo"><i class="fab fa-vimeo-v"></i></button>
    <button type="button" class="btn btn-social btn-dribbble"><i class="fab fa-dribbble"></i></button>
    <button type="button" class="btn btn-social btn-instagram"><i class="fab fa-instagram"></i></button>
    <button type="button" class="btn btn-social btn-pinterest"><i class="fab fa-pinterest-p"></i></button>
    <button type="button" class="btn btn-social btn-vk"><i class="fab fa-vk"></i></button>
    <button type="button" class="btn btn-social btn-rss"><i class="fas fa-rss"></i></button>
    <button type="button" class="btn btn-social btn-flickr"><i class="fab fa-flickr"></i></button>
</div>