<div class="bootstrap-badge">
	<span class="badge badge-xs light badge-primary">اولیه</span>
	<span class="badge badge-sm light badge-primary">اولیه</span>
	<span class="badge light badge-secondary">ثانویه</span>
	<span class="badge badge-lg light badge-danger">خطر</span>
	<span class="badge badge-xl light badge-warning">هشدار</span>
</div> 

												
<div class="bootstrap-badge">
    <span class="badge light badge-primary">اولیه</span>
    <span class="badge light badge-secondary">ثانویه</span>
    <span class="badge light badge-success">موفقیت</span>
    <span class="badge light badge-danger">خطر</span>
    <span class="badge light badge-warning">هشدار</span>
    <span class="badge light badge-info">اطلاعات</span>
    <span class="badge light badge-light">روشن</span>
    <span class="badge light badge-dark">تاریک</span>
</div>
<div class="bootstrap-badge">
    <span class="badge light badge-primary">1</span>
    <span class="badge light badge-secondary">2</span>
    <span class="badge light badge-success">3</span>
    <span class="badge light badge-danger">4</span>
    <span class="badge light badge-warning">5</span>
    <span class="badge light badge-info">6</span>
    <span class="badge light badge-light">7</span>
    <span class="badge light badge-dark">8</span>
</div>

<div class="bootstrap-badge">
    <span class="badge badge-primary">اولیه</span>
    <span class="badge badge-secondary">ثانویه</span>
    <span class="badge badge-success">موفقیت</span>
    <span class="badge badge-danger">خطر</span>
    <span class="badge badge-warning">هشدار</span>
    <span class="badge badge-info">اطلاعات</span>
    <span class="badge badge-light">روشن</span>
    <span class="badge badge-dark">تاریک</span>
</div>

 
<div class="bootstrap-badge">
	<span class="badge badge-pill badge-primary">نشان قرص</span>
	<span class="badge badge-pill badge-secondary">نشان قرص</span>
	<span class="badge badge-pill badge-success">نشان قرص</span>
	<span class="badge badge-pill badge-danger">نشان قرص</span>
	<span class="badge badge-pill badge-warning">نشان قرص</span>
	<span class="badge badge-pill badge-info">نشان قرص</span>
	<span class="badge badge-pill badge-light">نشان قرص</span>
	<span class="badge badge-pill badge-dark">نشان قرص</span>
</div>

<div class="bootstrap-badge">
	<a href="javascript:void(0)" class="badge badge-primary">پیوندها</a>
	<a href="javascript:void(0)" class="badge badge-secondary">پیوندها</a>
	<a href="javascript:void(0)" class="badge badge-success">پیوندها</a>
	<a href="javascript:void(0)" class="badge badge-danger">پیوندها</a>
	<a href="javascript:void(0)" class="badge badge-warning">پیوندها</a>
	<a href="javascript:void(0)" class="badge badge-info">پیوندها</a>
	<a href="javascript:void(0)" class="badge badge-light">پیوندها</a>
	<a href="javascript:void(0)" class="badge badge-dark">پیوندها</a>
</div>

<div class="bootstrap-badge">
    <a href="javascript:void(0)" class="badge badge-rounded badge-primary">گرد شده</a>
    <a href="javascript:void(0)" class="badge badge-rounded badge-secondary">گرد شده</a>
    <a href="javascript:void(0)" class="badge badge-rounded badge-success">گرد شده</a>
    <a href="javascript:void(0)" class="badge badge-rounded badge-danger">گرد شده</a>
    <a href="javascript:void(0)" class="badge badge-rounded badge-warning">گرد شده</a>
    <a href="javascript:void(0)" class="badge badge-rounded badge-info">گرد شده</a>
    <a href="javascript:void(0)" class="badge badge-rounded badge-light">گرد شده</a>
    <a href="javascript:void(0)" class="badge badge-rounded badge-dark">گرد شده</a>
</div>

<div class="bootstrap-badge">
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-primary">گرد شده</a>
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-secondary">گرد شده</a>
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-success">گرد شده</a>
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-danger">گرد شده</a>
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-warning">گرد شده</a>
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-info">گرد شده</a>
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-light">گرد شده</a>
	<a href="javascript:void(0)" class="badge badge-rounded badge-outline-dark">گرد شده</a>
</div>

<div class="bootstrap-badge">
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-primary">1</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-secondary">2</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-success">3</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-danger">4</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-warning">5</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-info">6</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-light">7</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-outline-dark">8</a>
</div>

<div class="bootstrap-badge">
    <a href="javascript:void(0)" class="badge badge-circle badge-primary">1</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-secondary">2</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-success">3</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-danger">4</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-warning">5</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-info">6</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-light">7</a>
    <a href="javascript:void(0)" class="badge badge-circle badge-dark">8</a>
</div>

<div class="bootstrap-badge">
	<a href="javascript:void(0)" class="badge badge-outline-primary">1</a>
	<a href="javascript:void(0)" class="badge badge-outline-secondary">2</a>
	<a href="javascript:void(0)" class="badge badge-outline-success">3</a>
	<a href="javascript:void(0)" class="badge badge-outline-danger">4</a>
	<a href="javascript:void(0)" class="badge badge-outline-warning">5</a>
	<a href="javascript:void(0)" class="badge badge-outline-info">6</a>
	<a href="javascript:void(0)" class="badge badge-outline-light">7</a>
	<a href="javascript:void(0)" class="badge badge-outline-dark">8</a>
</div>

								
<div class="card-body">
    <div class="bootstrap-badge">
        <a href="javascript:void(0)" class="badge badge-primary">1</a>
        <a href="javascript:void(0)" class="badge badge-secondary">2</a>
        <a href="javascript:void(0)" class="badge badge-success">3</a>
        <a href="javascript:void(0)" class="badge badge-danger">4</a>
        <a href="javascript:void(0)" class="badge badge-warning">5</a>
        <a href="javascript:void(0)" class="badge badge-info">6</a>
        <a href="javascript:void(0)" class="badge badge-light">7</a>
        <a href="javascript:void(0)" class="badge badge-dark">8</a>
    </div>
</div>

<div class="bootstrap-badge">
    <a href="javascript:void(0)" class="badge badge-xs badge-primary">xs</a>
    <a href="javascript:void(0)" class="badge badge-sm badge-secondary">sm</a>
    <a href="javascript:void(0)" class="badge badge-md badge-success">md</a>
    <a href="javascript:void(0)" class="badge badge-lg badge-danger">lg</a>
    <a href="javascript:void(0)" class="badge badge-xl badge-warning">xl</a>
</div>

<div class="bootstrap-badge">
	<a href="javascript:void(0)" class="badge badge-primary position-relative me-4">صندوق ورودی
		<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
			99+
			<span class="visually-hidden">پیام های خوانده نشده</span>
		</span>
	</a>
	<a href="javascript:void(0)" class="badge badge-secondary position-relative me-4">صندوق ورودی
		<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning">
			99+
			<span class="visually-hidden">پیام های خوانده نشده</span>
		</span>
	</a>
	<a href="javascript:void(0)" class="badge badge-success position-relative me-4">صندوق ورودی
		<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-dark">
			99+
			<span class="visually-hidden">پیام های خوانده نشده</span>
		</span>
	</a>
	<a href="javascript:void(0)" class="badge badge-warning position-relative me-4">1
		<span class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle">
			<span class="visually-hidden">هشدارهای جدید</span>
		</span>
		</span>
	</a>
	<a href="javascript:void(0)" class="badge badge-info position-relative me-4">2
		<span class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle">
			<span class="visually-hidden">هشدارهای جدید</span>
		</span>
	</a>
	<a href="javascript:void(0)" class="badge badge-light position-relative me-4">3
		<span class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle">
			<span class="visually-hidden">هشدارهای جدید</span>
		</span>
	</a>
	<a href="javascript:void(0)" class="badge badge-dark position-relative me-4">4
		<span class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle">
			<span class="visually-hidden">هشدارهای جدید</span>
		</span>
	</a>
</div>

<div class="bootstrap-badge">
	<button type="button" class="btn btn-primary">
		اطلاعیه ها <span class="badge text-bg-dark mb-0">1</span>
	</button>

	<button type="button" class="btn btn-secondary">
		اطلاعیه ها <span class="badge text-bg-dark mb-0">2</span>
	</button>

	<button type="button" class="btn btn-success">
		اطلاعیه ها <span class="badge text-bg-dark mb-0">3</span>
	</button>

	<button type="button" class="btn btn-danger">
		اطلاعیه ها <span class="badge text-bg-dark mb-0">4</span>
	</button>
</div>