DEV Community

Cover image for Lista desplegable efecto acordeón con Bootstrap
Luis Badiali
Luis Badiali

Posted on

2 1

Lista desplegable efecto acordeón con Bootstrap

En esta ocasión he cambiado el diseño del acordeón por defecto, puedes verlo en la documentación oficial de Bootstrap aquí.

Componente original

Alt Text

Este componente de Bootstrap utiliza a su vez el componente card. Con pocas líneas se ha conseguido un aspecto más llamativo. En este ejemplo he utilizado Pug y Sass.

Resultado final

Alt Text

Características

  • Uso de clases nativas de bootstrap.
  • Iconos de Fontawesome.
  • Flechas indicadoras de posición abierto/cerrado.

📎 Puedes editar o descargar este snippet de Bootstrap en este enlace a CodePen.

Top comments (0)

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay