Bootstrap Image Grid Shortcode

Display images in grid layout.

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

NameTypeRequiredDescription
srcstringYThe image’s source URL or image resources name.
titlestringYThe image’s alternative text and caption.
urlstringNThe URL of the element.

Examples

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" >}}
HugoMods
HugoMods
AI Infra
AI Infra
Razon Yang
Razon Yang