?
This document uses PHP Chinese website manual Release
文檔和示例,用于顯示相關的圖像和文本,并在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授權的文檔。