Navigation
Theme components
Form components
Apps
Other
Documentation
Image sizes
Use the .max-w-{size}
helper classes to customize the size of the image.
Rounded images
For rounded images use the .img-rounded
class.
Circular images
For circular images use the .img-circle
class.
Thumbnail images
For thumbnail images use the .img-thumbnail
class.
Zooming animations
Apply the .zoom-in-1
, .zoom-in-2
, .zoom-out-1
or the .zoom-out-2
classes for zooming image animations.
Sliding animations
Apply the .slide-left
, .slide-right
, .slide-up
or the .slide-down
classes for sliding image animations.
Rotating animations
Apply the .rotate-{1-4}
classes for rotating image animations.
Opacity animations
Apply the .opacity-1
or the .opacity-2
classes and combine it with any of the bg-{color}
helper classes for opacity image animations.
Other effects
Additional effects that work only on the latest standards compliant browsers.