Bulma 制造徽章有 6 种不同 样式：
| 类型 | 预览 | 简介 | 下载 |
|---|---|---|---|
| 默认 |  |
白底 | 下载图像 |
| 暗色 |  |
暗色 | 下载图像 |
| 半白 |  |
透明白和绿松石 | 下载图像 |
| 白 |  |
透明白 | 下载图像 |
| 半黑 |  |
透明黑和绿松石 | 下载图像 |
| 黑 |  |
透明黑 | 下载图像 |
| 全部 6 种 | made-with-bulma-badges.zip |
下载全部 6 种徽章 | |
用法 #
理想用法是以 128x24 像素显示图案，链接回 Bulma 网站：
示例
HTML
<a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a>
尽管原始图像是 512x96 像素，您仍然可以使用 256x48 大小来使用它，而且还不失真：
示例
HTML
<a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="256"
height="48">
</a>Badge snippets #
您可以直接在您的站点使用下面的任何一种代码简单的嵌入徽章图像。
<a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://docs.rubyist.cn/bulma/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a>
