DEV Community 👩‍💻👨‍💻

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

Posted on

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)

🌚 Life is too short to browse without dark mode