Lists

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

Default lists

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

  • Product
  • Product details
  • Pricing
  • Payment details
  • Checkout
  • Mega options
  • Basic table
  • Sizing table
  • Border table
  • Basic inputs
  • Form validations
  • Typeahead
  • Touchspin
  • Switch
  • Clipboard
  • Default Form
  • Flat style
  • Edge style
  • Button group
  • Rating
  • Crypto
  • Blog
  • Blog details
  • Blog single
  • Order history
  • Gallery grid
  • Gallery desc
  • Masonry Desc

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

JavaScript behavior

Use the tab JavaScript plugin—include it individually or through the compiledbootstrap.jsfile to extend our list group to create table panes of local content.

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.