Other text styles


Hover over the links below to see tooltips:

Phasellus non est bibendum non venenatis nisl tempor. dictum feugiat nisl ut dapibus. Mauris iaculis . Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.

Tooltips can be set in 4 directions

  |     |     |  


Default Primary Success Info Warning Danger

Add any of the below mentioned modifier classes to change the appearance of a label.


Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

You can even make them smaller:

Example heading label-sm New

Example heading label-xs NEW

Alert messages

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages with dismiss functionality.

[alert class=”alert-success”]Well done! You successfully read this important alert message.[/alert] [alert class=”alert-info”]Heads up! This alert needs your attention, but it’s not super important.[/alert] [alert class=”alert-warning”]Warning! Best check yo self, you’re not looking too good.[/alert] [alert class=”alert-danger”]Oh snap! Change a few things up and try submitting again.[/alert]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.