Check out example codes for "bootstrap button outline". It will help you in understanding the concepts better.

Code Example 1

<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-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</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>

Code Example 2

<button type="button" class="btn btn-outline-primary" href="#">Primary</button>

Code Example 3

Bootstrap button types

Learn ReactJs, React Native from akashmittal.com