Diferencia entre revisiones de «Usuario:ManuelRomero/css»
De WikiEducator
(→Agregar propiedades a una clase existente) |
|||
| Línea 7: | Línea 7: | ||
} | } | ||
</source> | </source> | ||
| + | ===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 | ||
| + | <source lang=html5> | ||
| + | <!-- 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> | ||
Revisión de 02:24 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>
