Other components

  1. Home
  2. UI Kits
  3. Other components

Jumbotron

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In dolore commodi, magnam culpa illo. Est veritatis iure soluta eum eius obcaecati corrupti, iste voluptatibus officia.

Learn more

Collapsible Group

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque veritatis molestiae quas nihil ex, eius illo debitis iure vero magnam totam iste eum provident minima mollitia soluta velit repellendus animi voluptatibus fugiat alias. Facilis, reprehenderit architecto. Veniam temporibus doloribus laborum, voluptate, libero natus eaque quaerat vitae. Illo doloremque provident consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos ratione iste, nemo consectetur labore amet, laborum esse atque commodi velit deserunt aperiam magnam et consequatur veritatis quam adipisci nostrum illum. Nesciunt ut nulla commodi quo, dolores fugit itaque atque totam eos dolore repudiandae vel non illum culpa, debitis quasi facilis. Dignissimos quam nemo minus, neque quisquam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit adipisci sapiente, suscipit inventore doloribus aliquid! Fugiat accusamus provident aspernatur maiores repellendus consectetur, itaque, laboriosam repudiandae dolorem, possimus similique sunt sapiente vero quas quasi cumque, minus. Tempore itaque placeat iste, quo nostrum, cumque nulla asperiores eligendi.

Tasks

Progress Item
App prototype design
85% Complete
Reading
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Stacked
Design documents
UI toolkit
Testing

Stats

Progress Item Percents
App downloads 65%
Social connection 78%
Revenue 46%
Customer increase 32%

Wells

Default well
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe consequatur accusantium ipsum laboriosam eum voluptas!
Optional classes
Look, I'm in a large well!
Look, I'm in a small well!

Badges

To add a badge style you have to add .badge class to element. To change a color of badge you can add extra class like .badge-info.

Default

Success

Danger

Warning

Primary

Info

Gray

Labels

To add a label style you have to add .label class to element. To change a color of label you can add extra class like .label-danger.

Default

Success

Danger

Warning

Primary

Info

Gray

List group

Basic example
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
Badges
  • 14 Lorem ipsum dolor sit amet.
  • 8 Lorem ipsum dolor sit amet.
  • 6 Lorem ipsum dolor sit.
  • 2 Lorem ipsum dolor sit amet, consectetur.
  • 18 Lorem ipsum dolor.
Linked Items
Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros
Disabled Items
Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros
Button Items
Contextual classes
Dapibus ac facilisis in Cras sit amet nibh libero Porta ac consectetur ac Vestibulum at eros

Modals

© 2015 Copyright

Members