Bootstrap 图片网格短代码
用于生成图片网格的短代码。
赞助
成为我们的资助者或赞助商，以支持我们的工作。
本页内容
赞助商
语法
1{{< bs/img-grid "data" >}}
参数
data
| 索引 | 名称 | 类型 | 必填 | 默认值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
#0 | data | string | ✓ | - | - | - |
数据文件名称。
数据文件
数据文件需要存放于 /data 文件夹。
图片属性
src
| 名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
src | - | string | ✓ | - | - | - |
图片 URL 或图片资源名称。
title
| 名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
title | - | string | ✓ | - | - | - |
图片文本。
url
| 名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
url | - | string | - | - | - | - |
链接地址。
示例
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: 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" >}}结果
