List group

These modular elements can be readily used and customized in every layout across pages. See the Bootstrap documentation for more details.

List group default
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
List group horizontal

Add .list-group-horizontal to change the layout of list group items from vertical to horizontal across all breakpoints. Alternatively, choose a responsive variant .list-group-horizontal-{sm|md|lg|xl} to make a list group horizontal starting at that breakpoint’s min-width.

  • Home
  • About
  • Service
  • Contact
List group borderless
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
List icon check
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
List icon check colored
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
List group number soft background
  • 01Lorem Ipsum is not simply random text
  • 02Lorem Ipsum is not simply random text
  • 03Lorem Ipsum is not simply random text
  • 04Lorem Ipsum is not simply random text
List group inline
  • 01Lorem Ipsum is not simply random text
  • 02Lorem Ipsum is not simply random text
  • 03Lorem Ipsum is not simply random text
  • 04Lorem Ipsum is not simply random text
List icon check with brand color
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
List Custom icons
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
  • Lorem Ipsum is not simply random text
Top