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 >}}

結果