企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
在你的文档中引用其他来源的内容。 ### [](https://v3.bootcss.com/css/#默认样式的引用)默认样式的引用 将任何 HTML 元素包裹在 `<blockquote>` 中即可表现为引用样式。对于直接引用,我们建议用 `<p>` 标签。 > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. ~~~html <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> </blockquote> ~~~ ### [](https://v3.bootcss.com/css/#多种引用样式)多种引用样式 对于标准样式的 `<blockquote>`,可以通过几个简单的变体就能改变风格和内容。 #### [](https://v3.bootcss.com/css/#命名来源)命名来源 添加 `<footer>` 用于标明引用来源。来源的名称可以包裹进 `<cite>`标签中。 > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. > > Someone famous in Source Title ~~~html <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> </blockquote> ~~~ #### [](https://v3.bootcss.com/css/#另一种展示风格)另一种展示风格 通过赋予 `.blockquote-reverse` 类可以让引用呈现内容右对齐的效果。 > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. > > Someone famous in Source Title ~~~html <blockquote class="blockquote-reverse"> ... </blockquote> ~~~