include buttons

1.button-primary + .button-secondary
2A primary button is commonly used for a user action; a secondary button may then be used to close out.
3<button type=”button” class=”btn btn-primary”>Primary</button>
4<button type=”button” class=”btn btn-secondary”>Secondary</button>
5.btn-light, -dark .btn-primary, -secondary, -transparent, -white,
6-warning, -success, -info, -danger
7Design your buttons using the standard predefined styling options:
8<button type=”button” class=”btn btn-light”>Light</button>
9<button type=”button” class=”btn btn-dark”>Dark</button>
10<button type=”button” class=”btn btn-success”>Success</button>
11<button type=”button” class=”btn btn-info”>Info</button>
12<button type=”button” class=”btn btn-danger”>Danger</button>
13<button type=”button” class=”btn btn-warning”>Warning</button>
14<button type=”button” class=“button-transparent”>Transparent</button>
15<button type=”button” class=“button-white”>White</button>
16.btn-outline
17Choose a button outline following these snippet samples:
18<button type=”button” class=”btn btn-outline-primary”>Primary</button>
19.btn-lg + .btn-sm
20Change the size of your buttons.
21<button type=”button” class=”btn btn-primary btn-lg”>I’m the large button</button>
22<button type=”button” class=”btn btn-primary btn-sm”>I’m a small button</button>
23.btn-block
24Group your buttons into a block. All grouped buttons will span the full width of a parent.
25<button type=”button” class=”btn btn-primary btn-lg btn-block”>Block level button</
26button>
27.active
28By default, all buttons will be displayed as pressed - with a dark border, darker background and inset shadow - when
29active.
30You don’t need to add a class to <button>s as they use a pseudo-class.
31But, if for some reason, you need to force that same active look, use the following code snippet:
32<a href=”#!” class=”btn btn-primary btn-lg active” role=”button” ariapressed=”true”>Primary link</a>
33Note: You can also add the disabled Boolean attribute to any button to make it look inactive.
34<button type=”button” class=”btn btn-lg btn-primary” disabled>Disabled button</