Bootstrap Ratio 短代码

2023年4月1日 1 分钟阅读短代码文档 Bootstrap Ratio

Ratio 短代码完美地响应处理视频或幻灯片嵌入的基础上的父级宽度。

赞助

成为我们的资助者或赞助商，以支持我们的工作。

本页内容

赞助商

語法

1{{< bs/ratio [size] >}}
2CONTENT HERE
3{{< /bs/ratio >}}

索引	名称	类型	必填	默认值	版本	示例
`#0`	`ratio`	`string`	-	`16x9`	-	-

高宽比，1x1、4x3、16x9 和 21x9。

源码

1{{< bs/ratio 1x1 >}}
2  {{< bilibili BV1iT411B7yH >}}
3{{< /bs/ratio >}}

结果

源码

1{{< bs/ratio 4x3 >}}
2  {{< bilibili BV1iT411B7yH >}}
3{{< /bs/ratio >}}

结果

源码

1{{< bs/ratio 16x9 >}}
2  {{< bilibili BV1iT411B7yH >}}
3{{< /bs/ratio >}}

结果

源码

1{{< bs/ratio 21x9 >}}
2  {{< bilibili BV1iT411B7yH >}}
3{{< /bs/ratio >}}

结果