Se a (tag) for block, por exemplo a div ou o p, o "alert-primary-block" ou o "alert-primary" tem o mesmo efeito.
Link para usar: https://jpm-development.com/css/alerts/styles.css
| Alertas são recomendados para (p, span ou div). | ||
|---|---|---|
| Visualizar | Codigo | Codigo completo |
Saved primary successfully! |
alert-primary-block | <p class="alert-primary-block">Saved successfully!</p> |
| Saved primary successfully! | alert-primary-block | <span class="alert-primary-block">Saved successfully!</span> |
| Saved primary successfully! | alert-primary | <span class="alert-primary">Saved successfully!</span> |
Saved success successfully! |
alert-success-block | <p class="alert-success-block">Saved successfully!</p> |
| Saved success successfully! | alert-success-block | <span class="alert-success-block">Saved successfully!</span> |
| Saved success successfully! | alert-success | <span class="alert-success">Saved successfully!</span> |
Saved success successfully! |
alert-success-max-block | <p class="alert-success-max-block">Saved successfully!</p> |
| Saved success successfully! | alert-success-max-block | <span class="alert-success-max-block">Saved successfully!</span> |
| Saved success successfully! | alert-success-max | <span class="alert-success-max">Saved successfully!</span> |
Saved warning successfully! |
alert-warning-block | <p class="alert-warning-block">Saved successfully!</p> |
| Saved warning successfully! | alert-warning-block | <span class="alert-warning-block">Saved successfully!</span> |
| Saved warning successfully! | alert-warning | <span class="alert-warning">Saved successfully!</span> |
Saved warning successfully! |
alert-warning-max-block | <p class="alert-warning-max-block">Saved successfully!</p> |
| Saved warning successfully! | alert-warning-max-block | <span class="alert-warning-max-block">Saved successfully!</span> |
| Saved warning successfully! | alert-warning-max | <span class="alert-warning-max">Saved successfully!</span> |
Saved danger successfully! |
alert-danger-block | <p class="alert-danger-block">Saved successfully!</p> |
| Saved danger successfully! | alert-danger-block | <span class="alert-danger-block">Saved successfully!</span> |
| Saved danger successfully! | alert-danger | <span class="alert-danger">Saved successfully!</span> |
Saved info successfully! |
alert-info-block | <p class="alert-info-block">Saved successfully!</p> |
| Saved info successfully! | alert-info-block | <span class="alert-info-block">Saved successfully!</span> |
| Saved info successfully! | alert-info | <span class="alert-info">Saved successfully!</span> |
Saved secondary successfully! |
alert-secondary-block | <p class="alert-secondary-block">Saved successfully!</p> |
| Saved secondary successfully! | alert-secondary-block | <span class="alert-secondary-block">Saved successfully!</span> |
| Saved secondary successfully! | alert-secondary | <span class="alert-secondary">Saved successfully!</span> |
Saved dark successfully! |
alert-dark-block | <p class="alert-dark-block">Saved successfully!</p> |
| Saved dark successfully! | alert-dark-block | <span class="alert-dark-block">Saved successfully!</span> |
| Saved dark successfully! | alert-dark | <span class="alert-dark">Saved successfully!</span> |