Button Colors In Bootstrap 4 Code Example

Example 1: bootstarp btn colors

<button type="button" class="btn btn-primary">Blue</button> <button type="button" class="btn btn-secondary">Grey</button> <button type="button" class="btn btn-success">Green</button> <button type="button" class="btn btn-danger">Red</button> <button type="button" class="btn btn-warning">Yellow</button> <button type="button" class="btn btn-info">Ligth blue</button> <button type="button" class="btn btn-light">White</button> <button type="button" class="btn btn-dark">Black</button>  <button type="button" class="btn btn-link">White with blue text</button>

Example 2: custom color bootstrap buttonm

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {     background-color: #8064A2 !important; }