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.

  • 日照海滨国家森林公园 2018-12-12
  • 紧盯节点,打赢反“四风”持久战(前沿观察) 2018-12-09
  • 河北:举报环境违法行为最高可奖励5万元 2018-12-09
  • 【春到渭南】随手拍渭南各地区春景,一贴看尽渭南春色! 2018-12-04
  • 市场监管总局:伊利、贝因美等5个品牌乳企生产存缺陷 2018-12-04
  • 冰岛队中场附近抛球入禁区 原来他以前打手球的 2018-11-30
  • 端午假期国内游客超8900万人次 2018-11-30
  • 官员给情妇承诺书不碰老婆 每周发生4次关系 2018-11-28
  • 第三十四期 万家乐总经理 余少言 2018-11-04
  • 怎么也没有觉察到是什么向美国靠拢呀,只不过就是租借土地搞经济开发区吗,而且 听说 在骚乱中反华势力也不小呢, 2018-11-04
  • 中船重工总经理孙波涉嫌严重违纪违法受中央纪委国家监委审查调查 2018-10-19
  • 安徽多地已试点保障房“共有产权” 2018-10-19
  • 端午假期去哪玩?多彩鹿泉旅游全攻略 2018-10-01
  • 观众对三观不正影视剧不买账 76.7%受访者拒看 2018-10-01
  • 共同的根共同的魂共同的梦共同书写中华民族发展新篇章 2018-09-21
  • 198| 120| 446| 841| 954| 505| 633| 727| 402| 514|