bootstrap学习笔记4

本文介绍如何在 Bootstrap 中使用 <blockquote> 标签实现引用效果,并展示了如何利用 <p>、<small> 和 <cite> 等标签增强引用的表现形式。此外还介绍了列表样式的调整方法,包括移除列表项符号、水平显示列表等技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

bootstrap里面提供了修饰引用其他来源内容的标签<blockquote>,将任何HTML裹在<blockquote>之中即可表现为引用。对于直接引用,建议使用<p>标签。另外,可以通过几个简单的变体就能改变风格和内容例如,添加<small>标签来注明应用来源,来源名称可以放在<cite>标签里面,使用.pull-right可以让引用展现出向右侧移动、对齐的效果。列表是我们在页面常用的标签之一,bootstrap提供了专门移除子元素的列表样式(使用.list-unstyled),也可以让列表水平排列,.dl-horizontal可以让<dl>内短语及其描述排在一行。不过需要注意的是,水平排列的描述列表将会截断左侧太长的短语。在较窄的视口(viewport)内,列表将通过text-overflow变为默认堆叠排列的布局方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值