Helper Classes

Images
.img-fluid Applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element
.rounded Adds rounded 3px border radius to the image
.rounded-circle Makes image fully rounded
.img-thumbnail Adds grey frame with white background color
.imglg (*sm, *xs) Optional custom sizing. Added specially for media lists
.img* (*10, *15, *20, *30, *40, *50, *60, *70, *80, *90, *100) Optional image width
Styling
.border-* Adds 1px border to the element, if it doesn't have it already. Available in 4 positions: top, bottom, left, right
.b-lg Changes border width to 2px
.border-*-lg You can specify border position: left, right, top and bottom
.b-xlg Changes border width to 3px
.border-*-xlg You can specify border position: left, right, top and bottom
.no-r Removes border radius from the element. To use add .*t (b, l, r)
.cursor-move Changes cursor style to move. Mostly used in sortable components
.cursor-pointer Changes cursor style to pointer. Useful for user interaction feedback
.cursor-default Changes cursor style to default
Positioning
.center-block Set an element to display: block and center via margin
.position-relative Changes element's positiion to relative
.position-static Changes element's positiion to static
.float-left Float an element to the left with a class
.float-right Float an element to the right with a class
.clearfix Easily clear floats by adding .clearfix to the parent element
.position-left Add extra right margin to the element
.position-right Add extra left margin to the element
Spacing
.m*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add margin to the element on all sides
.mt*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add top margin to the element
.mb*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add bottom margin to the element
.ml*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add left margin to the element
.mr*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add right margin to the element
.nom Removes element's margin
.nomt
(*b, *l, *r)
Removes margin of the specified side
.p*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add padding to the element on all sides
.pt*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add top padding to the element
.pb*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add bottom padding to the element
.pl*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add left padding to the element
.pr*
(*-any number from 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50)
Add right padding to the element
.nop Removes element's padding
.nopt
(*b, *l, *r)
Removes padding of the specified side
Chats
user
Jane Elliott You just got LITT...
1:10 AM
4
user
Florence Douglas Wrong. You take the gun...
9:14 PM
23
user
Jacqueline Howell I was thinking that we...
Yesterday
user
Eugine Turner Mike, I know everything
Yesterday
user
Jane Elliott You just got LITT...
1:10 AM
4
user
Florence Douglas Wrong. You take the gun...
9:14 PM
23
user
Jacqueline Howell I was thinking that we...
Yesterday
user
Eugine Turner Mike, I know everything
Yesterday
user
Jane Elliott You just got LITT...
1:10 AM
4
user
Florence Douglas Wrong. You take the gun...
9:14 PM
23
user
Jacqueline Howell I was thinking that we...
Yesterday
user
Eugine Turner Mike, I know everything
Yesterday
user
Jane Elliott You just got LITT...
1:10 AM
4
user
Florence Douglas Wrong. You take the gun...
9:14 PM
23
user
Jacqueline Howell I was thinking that we...
Yesterday
user
Eugine Turner Mike, I know everything
Yesterday
user
Jane Elliott You just got LITT...
1:10 AM
4
user
Florence Douglas Wrong. You take the gun...
9:14 PM
23
user
Jacqueline Howell I was thinking that we...
Yesterday
user
Eugine Turner Mike, I know everything
Yesterday
chat

Sushi tonight?

10:14 am
chat

Pizza?

We had sushi last time!

For me one Vegetariana! Plus some chili oil on it!

10:15 am
chat

Done. Delivery takes 5 minutes!

10:16 am
chat

Awesome! See you later! : )

Just now