Page 17 sur 20
Images
To create an image, use the image shortcode. You can add the uk-thumbnail-caption class to a <div> element to apply a caption under the image.
| Style | Description |
|---|---|
uk-thumbnail |
creates a border around the image |
uk-image-round |
creates an image with rounded corners |
uk-thumbnail-caption |
Adds a caption to an image using a separate div |
uk-thumbnail-expand |
Makes the image fill the entire width of the parent container |
Image with thumbnail style
markup
[image style="uk-thumbnail" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /]
Image with rounded corners style
markup
[image style="uk-image-round" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /]
Image with caption
You can add the uk-thumbnail-caption class to a <div> element to apply a caption under the image.
image caption
markup
<div class="uk-thumbnail"> [image style="" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /] <div class="uk-thumbnail-caption">image caption</div> </div>
You can view more examples and classes that you can use from here
