Diferencia entre revisiones de «Usuario:ManuelRomero/css»
De WikiEducator
(→Hacer un menú desplegable) |
|||
| Línea 22: | Línea 22: | ||
<script src="https://unpkg.com/@popperjs/core@2"></script> | <script src="https://unpkg.com/@popperjs/core@2"></script> | ||
</script> | </script> | ||
| + | |||
| + | ;Componente de vue | ||
| + | *Esto es justo lo que quiero, ya existe el componente ... a usarlo | ||
| + | https://yaminncco.github.io/vue-sidebar-menu/#/basic-usage | ||
Revisión de 07:22 9 sep 2020
Agregar propiedades a una clase existente
Lo uso para modificar propiedades en clases css del wiki u otro entorno dónde las clases ya han sido creadas y queremos agregar alguna propiedad manteniendo la clase y todo en el fichero css
Tenemos la clases mw-code y queremos agregarle una anchura (width) de 80%.
[class*="mw-code"]{ width:80% }
Hacer un menú desplegable
- La intención es conseguir realizar un menú como el que aparece en la página de angular (menú en la parte izquierda de la página)
https://angular.io/start
- Lo primero buscando, aparece las librerías que se necesitan en bootstrap: 'Popper.js'
https://getbootstrap.com/docs/4.0/components/dropdowns/ https://popper.js.org/
- Para ello cargamos la librería con CDN
<!-- Development version --> <script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.js"></script> <!-- Production version --> <script src="https://unpkg.com/@popperjs/core@2"></script> </script> ;Componente de vue *Esto es justo lo que quiero, ya existe el componente ... a usarlo https://yaminncco.github.io/vue-sidebar-menu/#/basic-usage
