danger color bootstrap html css twitter-bootstrap twitter-bootstrap-3

html - color - Bootstrap CSS bg-success alerta no funciona



bootstrap text color (2)

Por alguna razón, la clase bg-danger en Bootstrap 3 no muestra fondo rojo. ¿Por qué?

<p class="bg-danger">There was an error updating your details.</p>


En Bootstrap tienes los siguientes fondos predefinidos:

Bootstrap 3.1.0:

<div class="bg-primary">...</div> <div class="bg-success">...</div> <div class="bg-info">...</div> <div class="bg-warning">...</div> <div class="bg-danger">...</div>

Bootstrap 3.0.3:

<div class="alert alert-success">...</div> <div class="alert alert-info">...</div> <div class="alert alert-warning">...</div> <div class="alert alert-danger">...</div>

Componentes bootstrap

Ver todos los componentes de Bootstrap aquí


Los fondos contextuales bg-primary , bg-success , bg-info , bg-warning y bg-danger se agregaron a Bootstrap a partir de la versión 3.1.0 y no estaban presentes en 3.0.3 y anteriores.

Sin embargo, ha habido alert con las cuatro clases contextuales alert-success , alert-info , alert-warning y alert-danger que son adecuadas para ese tipo de mensajes de error.

<p class="alert alert-danger">There was an error updating your details.</p>

También vea el componente Bootstrap Alerts: http://getbootstrap.com/components/#alerts