Bootstrap 4参考手册
内容 | Content
图片区 | Figures
文档和示例,用于显示相关的图像和文本,并在Bootstrap中使用图形组件。
每当您需要显示一段内容时--比如带有可选标题的图像--请考虑使用<figure>
...
使用包含的.figure
,,,.figure-img
和.figure-caption
类为HTML 5提供一些基线样式。<figure>
和<figcaption>
元素。图中的图像没有显式大小,因此请确保添加.img-fluid
给您的<img>
让它有反应。
打开getbootstrap.com上的示例
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
对齐图形的标题与我们的文本实用程序...
打开getbootstrap.com上的示例
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>
© 2011–2017 Twitter, Inc.
© 2011–2017 The Bootstrap Authors
根据MIT许可授权的代码。
根据CreativeCommonsAttributionLicense v3.0授权的文档。
内容 | Content相关
Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。
主页 | https://getbootstrap.com/ |
源码 | https://github.com/twbs/bootstrap |
版本 | 4 |
发布版本 | 4.0.0-beta.2 |