loading...
Cover image for Lista desplegable efecto acordeón con Bootstrap

Lista desplegable efecto acordeón con Bootstrap

badiali profile image Luis Badiali ・1 min read

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.

Discussion

pic
Editor guide