Bootstrap blockquote
2018-03-03 16:35 更新
用于引用文档中来自其他来源的内容块。
围绕任意HTML封装<blockquote>作为引用。<!DOCTYPE HTML>
<html>
<head>
<link href="//www.w3cschool.cn/statics/plugins/bootstrapold/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="margin: 20px;">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer posuere erat a ante.</p>
</blockquote>
</body>
</html>引用源样式
标准<blockquote>上简单变体的样式和内容更改。添加<small>标签以标识源。在<cite>中封装源工作的名称。
<!DOCTYPE HTML>
<html>
<head>
<link href="//www.w3cschool.cn/statics/plugins/bootstrapold/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="margin: 20px;">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer posuere erat a ante.</p>
<small>Someone famous in <cite title="Source Title">Source
Title</cite></small>
</blockquote>
</body>
</html>右对齐blockquote
对于浮动的右对齐blockquote，使用 .pull-right。
<!DOCTYPE HTML>
<html>
<head>
<link href="//www.w3cschool.cn/statics/plugins/bootstrapold/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="margin: 20px;">
<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer posuere erat a ante.</p>
<small>Someone famous in <cite title="Source Title">Source
Title</cite></small>
</blockquote>
</body>
</html>以上内容是否对您有帮助：
更多建议：