Shortcode to display images in grid layout.
Become a backer or sponsor to support our work.
1{{< bs/img-grid "data" >}}
data
Position | Name | Type | Required | Default | Since | Example |
---|---|---|---|---|---|---|
#0 | data | string | ✓ | - | - | - |
The name of data.
The data files should be put into /data
or page’s folder.
src
Name | Context | Type | Required | Default | Since | Example |
---|---|---|---|---|---|---|
src | - | string | ✓ | - | - | - |
The image’s source URL or image resources name.
title
Name | Context | Type | Required | Default | Since | Example |
---|---|---|---|---|---|---|
title | - | string | ✓ | - | - | - |
The image’s alternative text and caption.
url
Name | Context | Type | Required | Default | Since | Example |
---|---|---|---|---|---|---|
url | - | string | - | - | - | - |
The URL of the element.
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="ln">1</span><span class="cl">- <span class="nt">src</span><span class="p">:</span><span class="w"> </span><span class="l">https://avatars.githubusercontent.com/u/128204519?s=200&v=4&width=200&height=200</span><span class="w">
2 title: HugoMods 3 4- src: https://avatars.githubusercontent.com/u/127904984?s=200&v=4&width=200&height=200 5 title: HB Framework 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" >}}