Bootstrap nos provee una selección de colores para utilizar en distintos elementos, texto, botones, fondo, etc. El color seleccionado para cada categoria, transmite significado, como el color danger el cual nos inspira peligro, y por ende, que no debemos seguir con determinada acción.
Podremos utilizar distintos colores para los botones en bootstrap, utilizando la clase btn
.
<div class="row mb-2">
<div class="col">
<button class="btn btn-primary">Primary</button>
</div>
<div class="col">
<button class="btn btn-info">Info</button>
</div>
<div class="col">
<button class="btn btn-success">Success</button>
</div>
<div class="col">
<button class="btn btn-danger">Danger</button>
</div>
</div>
<div class="row mt-1">
<div class="col">
<button class="btn btn-warning">Warning</button>
</div>
<div class="col">
<button class="btn btn-secondary">Secondary</button>
</div>
<div class="col">
<button class="btn btn-dark">Dark</button>
</div>
<div class="col">
<button class="btn btn-light">Light</button>
</div>
</div>