| btn | Btn is used for setting the size and spacing of the button. |
<button type="button" class="btn">Welcome to InterviewBit</button> |
|---|
| btn-primary | Btn-primary is used to display buttons with a particular style for each class, for example, primary displays buttons with blue background. |
<button type="button" class="btn">InterviewBit</button> |
|---|
| btn-secondary | Btn-secondary is used to displays buttons with a grey background. |
<button type="button" class="btn-secondary">InterviewBit</button> |
|---|
| btn-success | Btn-success displays button with green background. |
<button type="button" class="btn-success">InterviewBit</button> |
|---|
| btn-info | Used for information on a topic like terms and conditions. |
<button type="button" class="btn-info">InterviewBit</button> |
|---|
| btn-warning | Btn-warning is for the yellow background button. |
<button type="button" class="btn-warning">InterviewBit</button> |
|---|
| btn-danger | Btn-danger is for the red background button. |
<button type="button" class="btn-danger">InterviewBit</button> |
|---|
| btn-light | Btn-light is a light coloured button. |
<button type="button" class="btn-light">InterviewBit</button> |
|---|
| btn-dark | Btn-dark is a dark coloured button (black). |
<button type="button" class="btn-dark">InterviewBit </button> |
|---|
| btn-link | Btn-link removes the outer border while maintaining the spacing set by the .btn class. |
<button type="button" class="btn-link">InterviewBit</button> |
|---|
| btn-outline-primary | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline-primary">InterviewBit</button> |
|---|
| btn-outline-secondary | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline-secondary">InterviewBit</button> |
|---|
| btn-outline-success | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline- success ">InterviewBit</button> |
|---|
| btn-outline-info | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline- info ">InterviewBit</button> |
|---|
| btn-outline-warning | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline- warning "> InterviewBit</button> |
|---|
| btn-outline-danger | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline- danger "> InterviewBit</button> |
|---|
| btn-outline-light | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline-light">InterviewBit<button type="button" class="btn-outline-light">InterviewBit</button>outline</button> |
|---|
| btn-outline-dark | A button variation to have outlined buttons instead of a solid background. |
<button type="button" class="btn-outline-light">InterviewBit</button>outline</button> |
|---|
