Bootstrap Image Grid Shortcode
Display images in grid layout.
On this page
Please check out the tutorial to
start using Hugo modules.
Shortcode Syntax
1{{< bs/img-grid "data" >}}
Shortcode Parameters
data
The name of data file.
Data File
The data files should be put into /data or page’s folder.
Image Properties
| Name | Type | Required | Description |
|---|---|---|---|
src | string | Y | The image’s source URL or image resources name. |
title | string | Y | The image’s alternative text and caption. |
url | string | N | The URL of the element. |
Examples
/data/img-grid-examples.yaml
1- src: https://avatars.githubusercontent.com/u/128204519?s=200&v=4&width=200&height=200
2 title: HugoMods
3
4- src: https://avatars.githubusercontent.com/u/127904984?s=200&v=4&width=200&height=200
5 title: AI Infra
6
7- src: https://avatars.githubusercontent.com/u/17720932?s=200&v=4&width=200&height=200
8 title: Razon Yang
1{{< bs/img-grid "img-grid-examples" >}}
