Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. View details.

Default

Additional content

Badges

Documentation and examples for badges, our small count and labeling component. View details.

Default

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Badges with button

Contextual variations and links

Pill badges

Primary Secondary Success Danger Warning Info Light Dark

Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. View details.

Default

Outline buttons

Small buttons

Active state

Button group Basic

Button toolbar

Collapses

Toggle the visibility of content across your project with a few classes and our JavaScript plugins. View details.

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Link with href & data-target

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Multiple targets

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Cards

Use default Kidz markup to display Card elements. See the Kidz documentation for a full list of options and modifiers. View Card on Bootstrap.

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Forms

Use default Kidz markup to display Forms elements. See the Kidz documentation for a full list of options and modifiers. View Forms on Bootstrap.

Forms Basic

Input Group

@
@example.com
https://example.com/users/
$
.00
With textarea

List Group

Use default Kidz markup to display List Group elements. See the Kidz documentation for a full list of options and modifiers. View List Group on Bootstrap.

List Group With badges

  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1
  • Cras justo odio 1
  • Dapibus ac facilisis in 1
  • Morbi leo risus 1
  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1

Tooltips

Use default Kidz markup to display Tooltips elements. See the Kidz documentation for a full list of options and modifiers. View Tooltips on Bootstrap.

Tooltips Default

Progress

Use default Kidz markup to display Progress elements. See the Kidz documentation for a full list of options and modifiers. View Progress on Bootstrap.

Progress

Progress