#### Lists

Loading...

#### Default lists

Use the `.list-group` define the list of items. and used `.list-group-item` to indicate the current content.

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

#### Active lists

Use`.active` to a`.list-group-item` to indicate the current active.

- UI Kits
- Wow Animations
- Apex Charts
- Starter Kits

#### Flush lists

Use `.list-group-flush` to remove some borders and rounded corners to render list group items.

- PRODUCT
- PRODUCT DETAILS
- CART
- CHECKOUT

#### Contextual classes

Use contextual classes to style list items with a stateful background and color.`.list-light-*` and `txt-*`.

This is Primary bg you can use .list-light-primary class.This is Secondary bg you can use .list-light-secondary class.This is Success bg you can use .list-light-success class.This is Danger bg you can use.list-light-danger class.This is Warning bg you can use .list-light-warning class.This is Info bg you can use .list-light-info class.This is White bg you can use .list-light-white class.This is White bg you can use .list-light-dark class.

#### Horizontal lists

Use `.list-group-horizontal`to change the layout of list group items from vertical to horizontal across all breakpoints.`.list-group-horizontal-[sm/md/lg/xl/xxl]`.

- Product
- Product details
- Pricing
- Payment details
- Checkout
- Mega options

- Basic table
- Sizing table
- Border table
- Basic inputs
- Form validations

- Flat style
- Edge style
- Button group
- Rating
- Crypto

- Blog
- Blog details
- Blog single
- Order history

- Gallery grid
- Gallery desc
- Masonry Desc

#### Custom content lists

Use the `.list-group-item` through make custom design of all lists.

###### Molly Boake

MollyBoake@rhyta.com

5 days ago

Next step is to choose a tone of voice for your content type. From casual to convincing, pick one from 20+ tones in the dropdown.Why did we say “snag eyeballs” instead of “get attention?” Why do we say “brick-and-mortar words” instead of “concrete words?” Because, in your email subject lines, it’s better to use words that people can picture.

20K Followers

###### Gabrielle Fahey

GabrielleFahey@dayrep.com

10 days ago

Your aim with this blog is to advertise yourself and your services in blog design. That means it's vital to create content about just that: blog design. Anything else on your page may act as a distraction to your potential customers, and you don't want that!

100 Followers

###### Lucinda Moseley

LucindaMoseley@teleworm.us

3 days ago

People who are looking to hire a web designer may not know what to look out for. This will give you a chance to prove your trustworthiness by providing potential customers with advice and will let you sell your services by highlighting their best qualities.

23M Followers

#### Lists with checkbox

Use the `.form-check-input` to check your checkbox.

- Auto Start
- Auto Update
- Don't check auth key
- Success all

#### Lists with radios

Use the `.form-check-input` to check your radio buttons.

- Meditations
- Read a book
- Learn to code
- Drink more water

#### Lists with numbers

Use the `.list-group-numbered` to 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 compiled`bootstrap.js` file to extend our list group to create table panes of local content.

Home Profile Contact Us Settings

#### Numbered & badge lists

Use the`.list-group-numbered` modifier 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`.disabled` to a `.list-group-item` to make it appear disabled.

Teresa J. Mosteller Gloria D. Acheson Sharon C. Obrien Bryan A. Owens

#### Scrollable lists

Use the property `overflow:auto` through scrollable lists.

###### Molly Boake

MollyBoake@rhyta.com

5 days ago

###### Gabrielle Fahey

GabrielleFahey@dayrep.com

10 days ago

###### Lucinda Moseley

LucindaMoseley@teleworm.us

3 days ago

###### Francis K. Henriques

FrancisKHenriques@teleworm.us

2 days ago

###### Jose A. Seay

JoseASeay@rhyta.com

15 days ago

###### Phil F. Cunningham

PhilFCunningham@dayrep.com

6 days ago

###### Richard E. Johnson

RichardEJohnson@teleworm.us

20 days ago

###### Lawrence L. Nash

LawrenceLNash@jourrapide.com

8 days ago