图文框
在引导中使用图形组件显示相关图像和文本的文档和示例。更新于: 2023-04-30 14:28:21 查看: 470
发布于: 2021-8-31 10:27 发布者: 大米
当您需要显示一段内容(如带有可选标题的图像)时,请考虑使用
<figure>
.使用包括 .figure
, .figure-img
和 .figure-caption
类为HTML5 <figure>
和 <figcaption>
元素提供一些基线样式。图中的图像没有明确的大小,因此请确保将 .img-fluid
类添加到 <img>
中以使其具有响应性。
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
使用我们的文本工具可以很容易地调整图形的标题。
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>
扫描二维码,手机查看
声明:部分数据/图片来源互联网,不代表Hluse Doc.,真实性请妥善甄别。