Accordions

Accordions can be colored with multiple colors!
Red
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Blue
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Green
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.
Molestiae incidunt porro ad occaecati maxime sint dolor non error qui nesciunt sunt qui quisquam reiciendis omnis ea iure dolores qui et.

Tabs

Tabs can be aligned to the top, right, left and bottom sides. There are responsive tabs too!
Responsive tabs
Try resizing window to see responsive tabs.

洛杉矶娱乐城 www.jp2a.cn I'm in Section 1.

I'm in Section 2.

I'm in Section 3.

I'm in Section 4.

I'm in Section 5.

I'm in Section 6.

I'm in Section 7.

I'm in Section 8.

I'm in Section 9.

I'm in Section 10.

I'm in Section 11.

I'm in Section 12.

I'm in Section 13.

I'm in Section 14.

I'm in Section 15.

I'm in Section 16.

I'm in Section 17.

I'm in Section 18.

I'm in Section 19.

I'm in Section 20.


Tabs on top and bottom

I'm in Section 1.

Howdy, I'm in Section 2.

What up girl, this is Section 3.

I'm in Section 1.

Howdy, I'm in Section 2.

What up girl, this is Section 3.


Centered tabs

I'm in Section 1.

Howdy, I'm in Section 2.

Simple tabs

I'm in Section 1.

Howdy, I'm in Section 2.


Tabs on left and right

I'm in Section 1.

Howdy, I'm in Section 2.

What up girl, this is Section 3.

I'm in Section 1.

Howdy, I'm in Section 2.

What up girl, this is Section 3.

Attention

Some features that may increase attention of user.
Modals
Tooltips
Top
Right
Bottom
Left
Popovers
Top
Right
Bottom
Left
Notifications
Classic
Waits for close

Other stuff

Autocomplete
AJAX loaders
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

Dynamic timeago
May 16, 2013 21:35
May 16, 2013 21:35
May 16, 2013 21:35
Buttons toggle

Sliders
88 77 55 33 40 45 70
Snap to increments
Range slider

Drag & Drop nestable list
  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
Carousel



Labels
Default Success Important Warning Info Inverse
Badges
Default Success Important Warning Info Inverse

Alerts
× Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac
×

Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac
× Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac
×

Error

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac
× Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac
×

Success

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac
× Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac
×

Warning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi nunc, rutrum quis tincidunt ac

Progress bars
60%
10%
5%
20%
10%
5%
20%
  • 来自报告里的大白话,让你百听不厌 2019-05-23
  • 从“乡土味”到“高级感”,吴昕只走了这几步 2019-05-16
  • 上影节第一天,我们和李冰冰聊了下学英语的秘诀 2019-05-08
  • 传统文化,在中国文化里,居住是衡量一个家庭生活的基本因素。 2019-05-04
  • 房价飞涨25个月,香港拟推空置税遏制引社会争论 ——凤凰网房产北京 2019-04-19
  • 高速最高限速120kmh是否已经过时? 2019-04-12
  • 浙江省新闻道德委员会举报中心投诉电话、网络安全举报电话 2018-12-27
  • 特朗普:我给了金正恩我的直通号码 他可以随时打给我 2018-12-27
  • 上合峰会与对外话语体系传播 2018-12-26
  • 你的帖子在告诉世人,你是最傻的人? 2018-12-17
  • 始终坚持以人民为中心的发展思想不断满足群众日益增长美好生活需要 2018-12-17
  • 654| 328| 496| 906| 142| 35| 317| 21| 444| 830|