Hola a todos!
He encontrado en Internet que con Bootstrap se puede hacer lo que se muestra en este ejemplo: http://codepen.io/ibanez182/pen/WxKABq/
En el ejemplo no se escribió ninguna linea de código Javascript, solo se utilizarón los atributos HTML: data-toggle, data-target, aria-expanded y aria-controls. No entiendo bien como funcionan pero me ha interesado mucho que se pueda "programar" de esta manera. Mis preguntas son: ¿Cuales son todos esos atributos? ¿Cuales son las funciones de cada uno de esos?. En Internet no encontré información sobre esos atributos, pero se que son "HTML5 custom attributes" y se les puede dar la funcionalidad que uno quiera. Bootstrap usa unos cuantos. En definitiva. ¿Donde podría conseguir más información al respecto? Saludos!
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
¿Cuales son todos los atributos data-* y aria-* que usa Bootstrap y sus funciones?
- preguntó
- Web
- 1353 Vistas
- 1 Respuestas
- solucionada
1 Respuesta
Hola @pedrourday,
Los atributos aria- y data- son atributos personalizados de HTML, así que no hay una lista exhaustiva de ellos: tienen el nombre que más le guste al que los use.
Luego, hay una afirmación equivocada en tu pregunta: para que este código funcione SI hace falta JavaScript: la cuestión acá es que ese JavaScript es parte de Bootstrap y está relacionado con los elementos vía event-listeners y por eso no se ve el código. Si vas con el inspector del navegador a los checkbox vas a ver qué función de Bootstrap están indicando.
Para este caso particular, la forma de uso y funcionamiento está acá.
Tenés ejemplos de uso de todas las funcionas programadas de Bootstrap en este enlace.
HTML es un lenguaje de presentación: el código que lo hace funcionar, aunque medianamente oculto en este caso, tiene que seguir existiendo.
Saludos cordiales!
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 407142
- 1
- Jul 5, 2015
Sin Respuesta
-
- 169
- 0
- Mar 19
-
- 86
- 2
- Feb 26
-
- 1132
- 0
- Nov 7, 2023
-
- 301
- 0
- Sep 19, 2023
-
- 305
- 0
- Ago 21, 2023
-
- 388
- 0
- May 14, 2023
-
- 358
- 0
- Abr 21, 2023
-
- 445
- 0
- Mar 31, 2023
- ver todas
Preguntas relacionadas
- seleccionar los atributos que contengan data?
- Que opinan de usar mean.io ó mean.js stack para sus proyectos??? Cuales son sus pros y contras??
- Evitar que cambie de pestaña bootstrap
- ¿Solucionar problemas responsivos sistema de grillas en bootstrap?
- Cuando uso include_once en php no funciona las hojas de estilo css (uso bootstrap)
Actividad Reciente
ArtEze respondió hace 1 día
Alguien sabe, no me ignorenArtEze seleccionó una respuesta hace 1 día
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 1 día
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó hace 1 día
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 1 día
No me deja instalar OracleArtEze respondió hace 1 día
Formulario que guarde los datos de un jsonArtEze comentó hace 1 día
Script /boot/ scrapingSantiago2610 comentó Mar 23
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scraping
Ultimas Preguntas
Preguntas relacionadas
- seleccionar los atributos que contengan data?
- Que opinan de usar mean.io ó mean.js stack para sus proyectos??? Cuales son sus pros y contras??
- Evitar que cambie de pestaña bootstrap
- ¿Solucionar problemas responsivos sistema de grillas en bootstrap?
- Cuando uso include_once en php no funciona las hojas de estilo css (uso bootstrap)
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150470 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos