基本
彩带通常用于标记，可以为元素添加
.ribbons 类来使用彩带，使用
.vertical 类来改变方向，也可以使用其他类（如
.ribbon-danger 或
.ribbon-warning）来改变彩带的显示。
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
右侧显示
另外，您可以使用
.ribbon-reverse 类来使彩带在右侧显示。
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
书签
使用
.ribbon-bookmark 类来快速实现书签效果。
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
立体效果
使用
.ribbon-clip 类来实现立体效果，同时可以添加
.ribbon-bottom 等类来改变方向。
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
徽章
使用
.ribbon-badge 类来实现徽章效果，同时可以添加
.ribbon-bottom 等类来改变方向。
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
角标
使用
.ribbon-corner 类来实现角标效果，同时可以添加
.ribbon-bottom 等类来改变方向。
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”
正式开放商用：亚马逊 AWS 云服务在中国（北京）区域终于“合法”