Bulma提供以下六种官方的标识供选用:
| 类型 | 示例 | 备注 | 下载 |
|---|---|---|---|
| 默认 |  |
白色背景 | 下载 |
| 深色 |  |
黑色背景 | 下载 |
| 白色背景 |  |
透明背景/蓝色标识 | 下载 |
| 白色字体 |  |
透明背景 | 下载 |
| 黑色字体 |  |
透明背景/蓝色标识 | 下载 |
| 黑色字体 |  |
透明背景 | 下载 |
| All 6 | made-with-bulma-badges.zip |
下载全部 | |
使用方法 #
图标尺寸大小128x24, 链接到一下Bulma官方站点:
Example
HTML
<a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a>
原始大小为512x96 pixels, 此尺寸不会损失清晰度:
Example
HTML
<a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="256"
height="48">
</a>直接调用 #
你也可以简单的使用以下代码进行直接调用。
<a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.ydc.show/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a>