图片

Bootstrap 中使用 figure 组件显示相关图像和文本的文档和示例。

图片

使用 Figure 组件显示相关图像和文本。

结果

加载中...

实时编辑器

import Figure from 'react-bootstrap/Figure'; function FigureExample() { return ( <Figure> <Figure.Image width={171} height={180} alt="171x180" src="holder.js/171x180" /> <Figure.Caption> Nulla vitae elit libero, a pharetra augue mollis interdum. </Figure.Caption> </Figure> ); } export default FigureExample;

import Figure from 'react-bootstrap/Figure';

function FigureExample() {
  return (
    <Figure>
      <Figure.Image
        width={171}
        height={180}
        alt="171x180"
        src="holder.js/171x180"
      />
      <Figure.Caption>
        Nulla vitae elit libero, a pharetra augue mollis interdum.
      </Figure.Caption>
    </Figure>
  );
}

export default FigureExample;

API

图片

FigureImage

FigureCaption