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.

  • 43m2三房两厅 小公寓抢刚需客 2019-06-15
  • 今年上半年西宁拆除工地扬尘污染得到有效治理 2019-06-11
  • 对话川美前院长罗中立:揭秘《父亲》创作历程 2019-06-05
  • 搞好纪法贯通,依规依法依纪履职 2019-06-02
  • 2018年2月全国网络举报受理情况 2019-05-25
  • 如何制订企业发展计划 2019-05-23
  • 男子聚餐喝啤酒不喝白酒 被朋友认为不给面子殴打 2019-05-23
  • 保定市:探索“三社联动”社区治理模式 2019-05-22
  • 传播虐猫视频需严惩,但立法步伐仍不可太冒进 2019-05-20
  • 霍金长眠英国“荣誉宝塔尖” 2019-05-20
  • 朝韩领导人再次举行会晤 2019-05-18
  • 男子落水同伴营救遇险 志愿队员两次下水救人 2019-05-18
  • 深圳多所学校现“水泥跑道” 家长担心孩子摔伤 2019-05-17
  • 考试即将结束 家长望眼欲穿【高清组图】【2】 2019-05-17
  • 收费高航企标准不同 机票退改签乱象怎么破? 2019-05-11
  • 308| 260| 876| 640| 505| 926| 505| 835| 392| 608|