/

Images


Default

Normal image
H5Img(["src":"/img/300x200.png", "alt":"Normal image"])

Responsive

Responsive image
H5Img(["img-fluid"], ["src":"/img/1200x600.png", "alt":"Responsive image"])

Rounded

Image with rounded corners
H5Img(["rounded"], ["src":"/img/300x200.png", "alt":"Image with rounded corners"])

Thumbnail

Image thumbnail
H5Img(["img-thumbnail"], ["src":"/img/100x100.png", "alt":"Image thumbnail"])

Alignment

Float

Image floated leftImage floated right

Spacing utilities

Left-aligned imageCentered imageRight-aligned image

Text alignment

Left-aligned image
Centered image
Right-aligned image

Picture element

Image in picture tag

H5H1(["picture"],
      H5H1(["source"], ["srcset":"/img/100x100.png"]),
      H5Img(["img-thumbnail"], ["src":"/img/100x100.png", "alt":"Image in picture tag"])
    ),
    H5H1(["/picture"])