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
<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" >}}結果
