Moderniza el diseño de tus aulas virtuales con Bootstrap

Actualizar el estilo o añadir nuevas funcionalidades a los recursos de tus aulas virtuales puede resultar muy sencillo. Tan solo necesitas copiar y pegar el diseño de Bootstrap que más te guste en el editor de texto de los recursos de tu aula vitrtual y guardarlo después.

Bootstrap es un framework de código abierto muy conocido y empleado en el diseño de multitud de sitios y aplicaciones web. Al ser en código abierto, podemos ver y utilizar sus diseños ya hechos de elementos web (una combinación de código HTML, CSS, etc) como botones, cards, mensajes de alerta, presentación de contenido en «pestañas», en carrusel, etc en nuestras páginas web o en este caso, en el editor de texto que tenemos disponible en los recursos de Aules.

Un ejemplo de cómo añadir botones con diferentes estilos que enlazan a diferentes URLs:

Estilos de botones para saltar a actividades o págines.
Bootstrap añadido en el editor de texto del recurso «enlace»

Ejemplo de tipos de mensaje con Bootstrap: aviso, alerta, importante, etc

Estilos para mensajes de aviso, alerta, etc
Estilo de Bootstrap añadido en el editor de texto del recurso «tarea»

Y un ejemplo del estilo «Cards»:

Bootstrap para añadir el estilo «cards» al recurso «etiqueta»

 

En la web de Bootstrap podéis encontrar muchos ejemplos más. Echad un vistazo!

https://getbootstrap.com/docs/

 

Avís de privacitat

Este lloc web utilitza només cookies tècniques necessàries per al seu funcionament. No s’emmagatzemen dades amb finalitats publicitàries ni es comparteixen amb tercers. S’utilitza analítica interna sense cookies, i només es recull la IP amb finalitats de seguretat.

Veure política de cookies