LiteAdminmenu
notificationsNotifications
Trim the grass
John Doe
today
Clean the kitchen
John Doe
today
A larger notification that would take more space and should break the line.
That's an even larger description, that would take a lot of lines and should still look nice in any screen size.
yesterday
Trim the grass
John Doe
today
Clean the kitchen
John Doe
today
A larger notification that would take more space and should break the line.
That's an even larger description, that would take a lot of lines and should still look nice in any screen size.
yesterday
Trim the grass
John Doe
today
Clean the kitchen
John Doe
today
A larger notification that would take more space and should break the line.
That's an even larger description, that would take a lot of lines and should still look nice in any screen size.
yesterday

account_circle
John Doe


AccountLog out

text_fieldsTexts

Titles

Use the html tags h1, h2, h3 and h4 wisely to hierarchically structure your page. If you need another element to look like a title, you can use the classes h1, h2, h3 and h4.

1.h1
1.1.h2
1.1.1.h3
1.1.1.1.h4
1.1.1.1.1.h5

Alignment

You can easily control the alignment of text with the classes text-left, text-center, text-right and text-justify:


.text-left
.text-center
.text-right
This is a justified text so it's gonna be shrink to fit the parent. This test text needs to be this long cause the last line is not justified by default.

Last line alignment

You can control separately the alignment of the last line, with the classes text-last-left, text-last-center, text-last-right and text-last-justify:

This text is aligned to the right but the last line is set to the left. This text is aligned to the right but the last line is set to the left. This text is aligned to the right but the last line is set to the left.
This text is aligned to the left but the last line is set to the right. This text is aligned to the left but the last line is set to the right. This text is aligned to the left but the last line is set to the right.
This text is aligned to the right but the last line is centered. This text is aligned to the right but the last line is centered. This text is aligned to the right but the last line is centered.
This text is aligned to the right but the last line is justified. This text is aligned to the right but the last line is justified. This text is aligned to the right but the last line is justified.

Colors

You have these classes to change the text color:

.text-muted
.text-success
.text-info
.text-primary
.text-warning
.text-danger
.text-black
.text-white

Styling

You also have plenty of classes to style your text. Some give you unique features like controlling the text case, other's are useful in occasions when you don't wanna use the html tags for some reason (not messing up with semantics, easy style toggling with JS, etc).

.text-underlined
.text-striked
.text-overlined
.text-bold
.text-italic
.text-uppercase
.text-lowercase
.text-capitalize
.text-subnormal.text-sup

Selection

You can easily customize the selection color with the classes selection-success, selection-info, selection-primary, selection-warning and selection-danger. However, if you don't want the user to select something, add the class selection-none to it.


Try selecting this text to see how the selection color changes with this classes!

Quoting

Your quotes will be automatically styled, just use the blockquote tag for a quotation block, p for paragraphs and the cite tag for author reference.

Of course, the default styling is boring, so choose a class to your blockquote element: quote-success, quote-info, quote-primary, quote-warning or quote-danger.

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. [...]

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. [...]

Johann Wolfgang von Goethe

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. [...]

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. [...]

Johann Wolfgang von Goethe

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. [...]

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. [...]

Johann Wolfgang von Goethe

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. [...]

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. [...]

Johann Wolfgang von Goethe

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. [...]

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. [...]

Johann Wolfgang von Goethe

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. [...]

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. [...]

Johann Wolfgang von Goethe