Utilities
Cursor
Generic cursor classes allow to quickly change a cursor behavior without creating dedicated classes in code for elements, which need that type of cursor.
The following table presents the values for the CSS property cursor
:
.clickable |
pointer |
.not-allowed |
not-allowed |
Display
Generic display classes allow to quickly change property without creating dedicated classes in code for elements, which need that type of cursor.
The following table presents the values for the CSS property display
:
.block |
block |
.inline |
inline |
.inline-block |
inline-block |
Block
Inline
Inline-block
Float
Change how an element is positioned within the layout using float and clear generic classes.
Using float classes remember to add .clearfix
to the parent element.
The following table presents the CSS property float
:
.float-none |
none |
.float-left |
left |
.float-right |
right |
Image
Images are made responsive with .img-responsive
thanks that class the image will be scaling with the parent element.
Link
There is the possibility to add fancy animation to the links by using class link
to the <a>
tag.
Position
Change an element’s position using generic positioning classes.
Prevent events
Generic utilities class no-events
makes that the element is not the target of pointer events.