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.

  • 新华社2017年度招考应届高校毕业生及留学回国人员公告 2019-03-26
  • 由于人们“不同经济地位和政治地位所构成的等级差别”,只能说是阶层。阶级是相互对立统一的二类人群。统治阶级与被统治阶级、剥削和压迫阶级与被剥削被压迫阶级,是... 2019-03-25
  • 你反来复去说“客观事实及其规律”,自己数一下,都说了几遍了,还不是老年痴呆?要你解释一下什么是“客观事实”,又装聋作哑。 2019-03-25
  • 人民网评:洛阳牡丹假天下,谁来止损? 2019-03-24
  • 腰痛分四型 对照一下你是哪一种? 2019-03-23
  • 践行新发展理念 全面建成小康社会 2019-03-22
  • 延不延迟退休应取决于这个岗位是否后继有人,如果后继者正排着队等待入职,就不能延迟,如果某岗位后继乏人,才需延迟。尤其“用税者岗位”是有限的社会资源,新生 2019-03-21
  • 中华龙舟大赛福州站收官 黑马异军突起摘大满贯 2019-03-20
  • 笑博士这是从哪里掺来的东西?社会主义企业计划,是国民经济计划的一个组成部分,是服从于国家计划的战略要求的。笑博士搞的这个规划提纲,仅仅是私有制企业的规划提纲,与 2019-03-19
  • 整改到位才是真明白(现场) 2019-03-19
  • 吃凉菜才是夏天的正经事 2019-03-18
  • 软件社交功能须设红线 2019-03-17
  • 只要有书店,人就不会孤单 2019-03-16
  • 薛之谦发布声明回应“李雨桐爆料” 说了什么? 2019-03-16
  • 中外学者齐聚拉萨 首届中国西藏拉萨阿里象雄文化国际学术研讨会召开 2019-03-15
  • 934| 849| 890| 522| 711| 895| 963| 966| 891| 628|