diff --git a/challenges/01-front-end-development-certification/bootstrap.json b/challenges/01-front-end-development-certification/bootstrap.json
index 45391562191..e5c56f58505 100644
--- a/challenges/01-front-end-development-certification/bootstrap.json
+++ b/challenges/01-front-end-development-certification/bootstrap.json
@@ -943,7 +943,7 @@
"Al usar el elemento span
, puedes poner varios elementos juntos, e incluso darle diferentes estilos a partes diferentes del mismo elemento.",
"Anida la palabra \"love\" en tu elemento \"Things cats love\" dentro de un elemento span
. Luego, asigna a ese elemento span
la clase text-danger
para hacer que el texto sea rojo.",
"Así es como lo harías con el elemento \"Top 3 things cats hate\":",
- "<p>Top 3 things cats <span class = \"text-danger\">hate</span></p>
"
+ "<p>Top 3 things cats <span class = \"text-danger\">hate:</span></p>
"
]
},
{
@@ -1025,7 +1025,7 @@
"challengeType": 0,
"nameEs": "Crea un encabezado personalizado",
"descriptionEs": [
- "Crearemos un encabezado simple para nuestra aplicación de fotos de gatos poniéndolos en la misma línea.",
+ "Crearemos un encabezado simple para nuestra aplicación de fotos de gatos poniendo el título y la relajante imagen del gato en la misma línea.",
"Recuerda, Bootstrap usa un sistema de cuadrícula adaptativo, el cual facilita poner elementos en filas y especificar el ancho relativo de cada elemento. La mayoría de las clases de Bootstrap pueden aplicarse a un elemento div
.",
"Aquí hay un diagrama del funcionamiento de la cuadrícula de 12 columnas Bootstrap:",
"",
@@ -1117,6 +1117,11 @@
"nameEs": "Agrega iconos de Font Awesome a los botones",
"descriptionEs": [
"Font Awesome es una librería de iconos muy conveniente. Estos iconos son imágenes vectoriales, almacenadas en formato .svg
, y son tratados como si fueran fuentes. Puedes especificar su tamaño usando pixeles, y tomarán el tamaño de fuente de su elemento HTML padre.",
+ "Puedes añadir Font Awesome a cualquier aplicación sólo incluyendo y agregando el siguiente código al comienzo de tu HTML:",
+ "<link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\"/>
",
+ "En este caso, ya lo hemos agregado por tí a esta página tras bambalinas.",
+ "El elemento i
originalmente era usado para hacer textos en itálicas, pero ahora comunmente se usa para iconos. Le agregas clases de Font Awesome al elemento i
para convertirlo en un ícono, por ejemplo:",
+ "<i class=\"fa fa-info-circle\"></i>
",
"Usa Font Awesome para agregar un icono de \"pulgar arriba\" thumbs-up
a tu botón de like dándole un elemento i
con las clases fa
y fa-thumbs-up
."
]
},
@@ -1866,7 +1871,7 @@
"Vamos a darle un id único a cada uno de nuestros elementos div
que tienen la clase well
.",
"Recuerda que puedes darle a un elemento un id como el siguiente:",
"<div class=\"well\" id=\"center-well\">
",
- "Dale al pozo de la izquireda el id left-well
. Al pozo de la derecha, dale un id
de right-well
."
+ "Dale al pozo de la izquireda el id left-well
. Al pozo de la derecha, dale un id right-well
."
]
},
{
@@ -1959,7 +1964,8 @@
"nameEs": "Dale a cada elemento un ID único",
"descriptionEs": [
"También quisiéramos referirnos a cada botón por su id utilizando jQuery.",
- "Dale a cada uno de tus botones un id único, comenzando con target1
y terminando con target6
."
+ "Dale a cada uno de tus botones un id único, comenzando con target1
y terminando con target6
.",
+ "Asegúrate que target1
a target3
queden en #left-well
, mientras que target4
a target6
queden en #right-well
."
]
},
{