丝欧尔益安焦糖玛奇朵咖啡

玛奇朵咖啡

Semibold 36px

玛奇朵是奶茶还是咖啡

Semibold 30px

法式香草玛奇朵星冰乐是咖啡么

Semibold 24px

玛奇朵咖啡美食天下

Semibold 18px
丝欧尔益安焦糖玛奇朵咖啡
Semibold 14px
星巴克焦糖玛奇朵咖啡好喝吗
Semibold 12px

Progress Bars

Info with progress-bar-info class.

Success with progress-bar-success class.

Warning with progress-bar-warning class.

Danger with progress-bar-danger class.

Inverse with progress-bar-inverse class.

Inverse with progress-bar-inverse class.

35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Pagination

Alerts

Wells

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic

Badges

Add modifier classes to change the appearance of a badge.

Classes Badges
No modifiers 42
.badge-primary 1
.badge-success 22
.badge-info 30
.badge-warning 412
.badge-danger 999

Easily highlight new or unread items with the .badge class