Posts label and notes

The.msgclass

The class .msg. allows you to create message box with the dimensions shown in the class .dm-[1-12], if you are using a div without specifying the size , the size of the message will be 100%

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus

Note

You can use the classes.info .danger .success .warning to change the type of message, instead of using the classes.round .box-shadowyou can change the message type.

Messages in different colors

This product was successfully saved!
This product was successfully deleted!
Are you sure you want to delete the product?
Product is not present.

Messages in different colors and rounded

This product was successfully saved!
This product was successfully deleted!
Are you sure you want to delete the product?
Product is not present.

Messages in different colors, rounded with box-shadow

This product was successfully saved!
This product was successfully deleted!
Are you sure you want to delete the product?
Product is not present.

Note

adding the attribute data-dismiss="hide" or data-dismiss="fade" allows for closing the message type effect hide or fade

Message closure!
Message closure fade out!

Class .label

The.labelclass associated to an element transforms it into a label

label
label danger
label warning
label info

Eye

using the class round you can create a label round

The notes with the classes.note .note-warning .note-danger .note-info .note-success

With these classes you can enter notes which will have the size of the container relative

Note

to round the corners of the notes, you can use the class.round

Danger

This is a simple note of danger

Information

This is a simple note of information

Attention

This is a simple note of caution

Success

This is a simple note of success

Attention

This is a simple note of caution with icon