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-06-11
  • 比利时并不轻松地击败巴拿马 2019-06-11
  • 狗屁不通!知道你的貴村長姓啥嗎? 2019-06-05
  • “将自己之书法艺术奉献于社会,是我终生的愿望” 2019-06-05
  • 组图:高考迎来“00后” 北京6万余名考生走进考场 2019-06-03
  • 凤凰科技直击2018全球移动互联网大会 2019-06-03
  • 哈哈,较之“莫须有”来还是有点法制意识的嘛! 2019-05-28
  • 习近平视察北部战区海军 上潜艇下舱室进战位 2019-05-28
  • 《变形金刚2》角色图 2019-05-26
  • 精兵劲旅·血染征途:古田会议——人民军队的军魂在这里铸造 2019-05-26
  • 楼市进入增加“有效供给”新时期 高端住宅产品或入市 2019-05-16
  • 三晋史话:曹操是如何统一山西的? 2019-05-16
  • 习近平点出“一带一路”取得积极成果的关键原因 2019-05-02
  • 大脑的独一无二,决定了孩子的与众不同 2019-04-21
  • 天津自贸试验区天津港东疆片区:策源地的奔跑者 2019-04-21
  • 792| 162| 405| 198| 322| 840| 892| 407| 872| 550|