List Items

Dolor laboriosam itaque nesciunt saepe rerum aspernatur doloribus sit, debitis ad dignissimos, veritatis corporis amet quibusdam.

Basic List

Use .active for active selection and .disabled to visually disable .list-group-item. Some .disabled elements may need custom JavaScript for click event disabling.

  • Item One
  • Item Two
  • Item Three
  • Item Four
  • Item Five
Flush

Apply .list-group-flush to remove borders and rounded corners, achieving edge-to-edge list group items, commonly within parent containers like cards.

  • Item One
  • Item Two
  • Item Three
  • Item Four
  • Item Five
Numbered

To opt into numbered list group items, apply the .list-group-numbered class and optionally use an <ol> element for better placement and customization via CSS.

  • Item One
  • Item Two
  • Item Three
  • Item Four
  • Item Five
Get Updates

Subscribe

Receive Prompt Notifications in the Event of System Challenges

Premium Mobile Solutions

Copyright © NioMobile . All Rights Reserved.

Color Palette

Any Element Can have a Highlight Color