Bootstrap4 徽章（Badges）

警告提示框

<!-- 引入Bootstrap CSS -->
<link rel="stylesheet" href="../css/bootstrap.css">

<!-- 移动设备优先 -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<style>
	body {
		margin: 20px;
	}
</style>

Bootsrap4.x Bootsrap4.x Bootsrap4.x Bootsrap4.x Bootsrap4.x Bootrap4.x

	<br>
	<!--badge-pill用来设置药丸状徽章-->
	<span class="badge badge-success badge-pill">bootrap4.x</span>
	<span class="badge badge-secondary badge-pill">bootrap4.x</span>
	<span class="badge badge-danger badge-pill">Bootsrap4.x</span>
	<span class="badge badge-warning badge-pill">Bootsrap4.x</span>
	<span class="badge badge-info badge-pill">Bootsrap4.x</span>
	<span class="badge badge-dark badge-pill">Bootrap4.x</span>