Badges
Badges Description
Primary .badge .badge-primary
Secondary .badge .badge-secondary
Success .badge .badge-success
Danger .badge .badge-danger
Warning .badge .badge-warning
Info .badge .badge-info
Light .badge .badge-light
Dark .badge .badge-dark
Pills
Pills Description
Primary badge badge-pill badge-primary
Secondary badge badge-pill badge-secondary
Success badge badge-pill badge-success
Danger badge badge-pill badge-danger
Warning badge badge-pill badge-warning
Info badge badge-pill badge-info
Light badge badge-pill badge-light
Dark badge badge-pill badge-dark
Notification
Icon Box

Dashboard

Charts

Widgets

Tables

Full Width

Forms

Buttons

Elements

Calnedar

Full Width

Tables

Errors
Progressbar
<div class="progress m-t-15">
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
Striped Progressbar
<div class="progress m-t-15">
<div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
Multiple Bars
<div class="progress m-t-15">
<div class="progress-bar" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-info" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
Animated Progress
<div class="progress m-t-15">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-cyan" style="width:70%"></div>
</div>
Different Models
Tooltips
Default Pagination
Pagination with icons
Disabled & Active States
Popovers
Notificaion
Additional Content
All Rights Reserved by Matrix-admin. Designed and Developed by WrapPixel. More Templates 模板之家 - Collect from 网页模板