Dragabble Card

Default lists

Use thelist-group , .list-group-itemto indicate the current content.

  • Logo Design
  • Web Design & Development
  • E-Commerce
  • SEO

Active lists

Use the.active , .list-group-itemto indicate the current active lists.

  • UI Kits
  • Wow Animations
  • Apex Charts
  • Starter Kits

Flush lists

Use the.list-group-flushto remove some borders and rounded corners to render list group items.

  • PRODUCT
  • PRODUCT DETAILS
  • CART
  • CHECKOUT

Lists with checkbox

Use the.form-check-inputto check your checkbox.

Lists with radios

Use the.form-check-inputto check your radio buttons.

Lists with numbers

Use the.list-group-numberedto ordered wise print numbers.

  1. Known for delivery of useful and usable solutions
  2. Solve your problem with us
  3. Certified Professionals
  4. Growth-Driven

Numbered & badge lists

Use the.list-group-numberedmodifier class to numbered list group items.Numbers are generated via CSS for better placement inside list group items.

  1. Stella Nowland
    Freelance
  2. Lola Stanford
    Issue
  3. Caitlin Coungeau
    Social
  4. Graciela W. McClaran
    Issue

Disabled lists

Use the.disabled, .list-group-itemto make it appear disabled.