?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
文檔和示例,用于顯示相關(guān)的圖像和文本,并在Bootstrap中使用圖形組件。
每當(dāng)您需要顯示一段內(nèi)容時--比如帶有可選標(biāo)題的圖像--請考慮使用<figure>
...
使用包含的.figure
,,,.figure-img
和.figure-caption
類為HTML 5提供一些基線樣式。<figure>
和<figcaption>
元素。圖中的圖像沒有顯式大小,因此請確保添加.img-fluid
給您的<img>
讓它有反應(yīng)。
<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>
對齊圖形的標(biāo)題與我們的文本實用程序...
<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
根據(jù)MIT許可授權(quán)的代碼。
根據(jù)CreativeCommonsAttributionLicense v3.0授權(quán)的文檔。