Shuffle for Bootstrap
  • Comment ça marche
  • Fonctionnalités
  • Components
  • Pricing
  • Comment ça marche
  • Fonctionnalités
  • Blog
  • Achetez maintenant!
Connectez-vous Essayez la démo
← all Bootstrap classes list

Bootstrap class: .list-group-item-light

<div class="list-group">
  <a href="#" class="list-group-item list-group-item-action list-group-item-light">Dapibus ac facilisis in</a>
</div>

Preview

Dapibus ac facilisis in

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

More in Bootstrap List Group

  • list-group-item active
  • list-group
  • list-group-item disabled
  • list-group-item-action
  • list-group-item-primary
  • list-group-item-secondary
  • list-group-item-info
  • list-group-item-success
  • list-group-item-warning
  • list-group-item-danger
  • list-group-item-dark
  • list-group with badges
  • list-group with d-flex
  • list-group-flush
  • list-group-horizontal
  • list-group-horizontal-lg
  • list-group-horizontal-md
  • list-group-horizontal-sm
  • list-group-horizontal-xl
  • list-group-horizontal-xxl
  • list-group-item
Bootstrap 4 & 5
  • Bootstrap Editor
  • Bootstrap Components
  • Bootstrap Templates
Bootstrap Shuffle
  • Terms of use
    Terms of use Privacy policy Licenses
  • Bootstrap CSS
  • FR
    English (EN) Deutsch (DE) Español (ES) Français (FR) Italiano (IT) 日本語 (JP) 한국어 (KR) Polski (PL) Português (PT) Русский (RU) 繁體中文 (CN)
  • Components
  • Templates
  • Support (EN)

You have successfully subscribed to the newsletter!

© 2025 Shuffle

Switch to the Bootstrap Editor by Shuffle

+
Bootstrap Shuffle 2.0 will work with React!

Want to be the first to try?

Thanks! We'll be in touch.