Bootstrap徽章样式

最新推荐文章于 2023-10-16 11:14:38 发布

Dragon.liu

最新推荐文章于 2023-10-16 11:14:38 发布

阅读量257

点赞数

分类专栏： JavaScript 文章标签： bootstrap html 前端

本文链接：https://blog.csdn.net/weixin_42223701/article/details/121119973

版权

本文介绍了Bootstrap框架中的徽章元素，包括如何在下拉列表中使用徽章以及结合进度条展示信息的方式。

摘要由CSDN通过智能技术生成

徽章

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Bootstrap表单样式一</title>
	<!-- 让页面样式根据设备大小进行调整显示 -->
	<meta name=viewport content="width=device-width,initial-scale=1">
	<script type="text/javascript" src="bootstrap/js/jQuery.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-8">
				<a href="#">
					<span class="glyphicon glyphicon-envelope"></span>
					未读邮件（<span class="badge">12</span>）
				</</