Verzeichnis suchen
Getting started Accessibility(无障碍) Browsers and devices(浏览器和设备) Build tools(构建工具) Contents(内容) Download(下载) JavaScript Theming Bootstrap(主题Bootstrap) Webpack Components: Alerts Alerts(警报) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按钮组) Components: Buttons Buttons(按钮) Components: Cards Components: Carousel Cards(卡) Carousel(圆盘传送带) Components: Collapse Collapse(折叠) Components: Dropdowns Dropdowns(下拉菜单) Components: Forms Forms(表单) Components: Input group Input group(输入群组) Components: Input group Jumbotron(广告大屏幕) Components: List group List group(列表组) Components: Modal Modal(互动视窗) Components: Navbar Navbar(导航栏) Components: Navs Navs(导航栏) Components: Pagination Pagination(分页) Components: Popovers Popovers(弹出框) Components: Progress Progress(进度条) Components: Scrollspy Scrollspy(滚动监听) Components: Tooltips Tooltips(提示工具) Content Code(代码) Figures(图片区) Images(图片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(网格) Layout(布局) Media object(多媒体对象) Utilities for layout(排版通用类别) Migration Migrating to v4(迁移到v4) Utilities Borders(边框) Clearfix(清除浮动) Close icon(关闭图标) Colors(颜色) Display property(显示属性) Embeds(内嵌) Flex(弹性) Float(浮动) Image replacement(图像替换) Position(位置) Screenreaders(荧幕阅读器) Sizing(尺寸) Spacing(间隔) Text(文本) Vertical alignment(垂直对齐) Visibility(能见度)
Figuren

文档和示例,用于显示相关的图像和文本,并在Bootstrap中使用图形组件。

每当您需要显示一段内容时--比如带有可选标题的图像--请考虑使用<figure>...

使用包含的.figure,,,.figure-img.figure-caption类为HTML 5提供一些基线样式。<figure><figcaption>元素。图中的图像没有显式大小,因此请确保添加.img-fluid给您的<img>让它有反应。

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

对齐图形的标题与我们的文本实用程序...

<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授权的文档。

Vorheriger Artikel: Nächster Artikel: