Elements

Alert Boxes

Error - Your message!

Success - Your message!

Info - Your message!

Notice - Your message!

Info: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Note: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Confirm: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Error: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Progress bars

Basic

– Default progress bar with a vertical gradient.

Striped

– Uses a gradient to create a striped effect (no IE).

Animated

– Takes the striped example and animates it (no IE).

Additional colors

– Progress bars use some of the same button and alert classes for consistent styles.

Striped bars

– Similar to the solid colors, we have varied striped progress bars.

Animated

– Similar to the solid colors, we have varied striped & Animate progress bars.

Dropcaps

1 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

2 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

3 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

4 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

5 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

6 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

7 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

8 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Pagination – The default pagination component is flexible and works in a number of variations.

Tabs

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.

Accordion

Accordion Menu One

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Accordion Menu Two

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Accordion Menu Three

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Accordion Menu Four

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Accordion Menu Five

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

  • 上海宝山开展专职消防员集中培训 2019-04-25
  • 解放军报评论员:不负人民重托 担起历史使命 2019-04-25
  • 习近平再次会见老挝人民革命党中央委员会总书记、国家主席本扬 2019-04-18
  • 玉竹斑斑,【端午节】快乐![放鞭炮][大笑] 2019-04-18
  • 公众论坛官方网站首页·南方都市报·南方报业传媒集团 2019-04-17
  • 生活的印记文章中国国家地理网 2019-03-11
  • 最高人民检察院依法决定对冀文林立案侦查[图简历] 2019-03-03
  • 定格——西部网图片频道 2018-12-24
  • 中国空军歼—20战机首次开展海上方向实战化训练 2018-11-04
  • 香港举行春节彩灯展(1) 2018-10-16
  • 中国伊斯兰教协会“四进”清真寺活动启动 2018-10-16
  • 生活-热门标签-华商生活 2018-10-12
  • 范冰冰、范丞丞一家四口聚餐范丞丞范冰冰-大陆 2018-10-12
  • 首款PD-1肺癌免疫药物7个月获批,美国一年疗程售价百万 2018-09-23
  • 女性之声——全国妇联 2018-09-23
  • 491| 210| 579| 355| 299| 271| 893| 639| 855| 463|