diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md index 5ee455100c..b1ea9f6dc4 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md @@ -23,10 +23,19 @@ dashedName: change-a-variable-for-a-specific-area ```js assert( - code.match(/\.penguin\s*?{[\s\S]*(?div.well)').length < 1); ``` -Both of your `div` elements with the class `"col-xs-6"` should be nested within your `div` element with the class `"row"`. +Ambos elementos `div` con la clase `col-xs-6` deben estar incrustados en el elemento `div` con la clase `row`. ```js assert($('div.row > div.col-xs-6').length > 1); ``` -All your `div` elements should have closing tags. +Todos los elementos `div` deben tener etiquetas de cierre. ```js assert( diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.md index 543e90d7a2..51089db04b 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.md @@ -1,6 +1,6 @@ --- id: bad87fee1347bd9aedf08845 -title: Ditch Custom CSS for Bootstrap +title: Deja de lado el CSS personalizado por Bootstrap challengeType: 0 forumTopicId: 17565 dashedName: ditch-custom-css-for-bootstrap @@ -8,31 +8,31 @@ dashedName: ditch-custom-css-for-bootstrap # --description-- -We can clean up our code and make our Cat Photo App look more conventional by using Bootstrap's built-in styles instead of the custom styles we created earlier. +Podemos limpiar nuestro código y hacer que nuestra aplicación de fotos de gatos parezca más convencional, usando los estilos incorporados de Bootstrap, en lugar de los estilos personalizados que hemos creado antes. -Don't worry - there will be plenty of time to customize our CSS later. +No te preocupes – tendremos mucho tiempo para personalizar nuestro CSS más adelante. -Delete the `.red-text`, `p`, and `.smaller-image` CSS declarations from your `style` element so that the only declarations left in your `style` element are `h2` and `thick-green-border`. +Elimina las declaraciones de CSS `.red-text`, `p` y `.smaller-image` de tu elemento `style` para que la únicas declaraciones que queden en tu elemento `style` sean `h2` y `thick-green-border`. -Then delete the `p` element that contains a dead link. Then remove the `red-text` class from your `h2` element and replace it with the `text-primary` Bootstrap class. +A continuación elimina el elemento `p` que contiene un enlace roto. Después elimina la clase `red-text` de tu elemento `h2` y reemplázala con la clase `text-primary` de Bootstrap. -Finally, remove the "smaller-image" class from your first `img` element and replace it with the `img-responsive` class. +Finalmente elimina la clase `smaller-image` de tu primer elemento `img` y reemplázala con la clase `img-responsive`. # --hints-- -Your h2 element should no longer have the class `red-text`. +Tu elemento `h2` ya no debería incluir la clase `red-text`. ```js assert(!$('h2').hasClass('red-text')); ``` -Your h2 element should now have the class `text-primary`. +Tu elemento `h2` ahora debe incluir la clase `text-primary`. ```js assert($('h2').hasClass('text-primary')); ``` -Your paragraph elements should no longer use the font `Monospace`. +Tus elementos p (párrafo) ya no deben usar la fuente `Monospace`. ```js assert( @@ -42,13 +42,13 @@ assert( ); ``` -The `smaller-image` class should be removed from your top image. +La clase `smaller-image` debe ser eliminada de tu imagen superior. ```js assert(!$('img').hasClass('smaller-image')); ``` -You should add the `img-responsive` class to your top image. +Debes añadir la clase `img-responsive` a tu imagen superior. ```js assert($('.img-responsive').length > 1); diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/label-bootstrap-buttons.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/label-bootstrap-buttons.md index 06e1b6f63b..1f401c9202 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/label-bootstrap-buttons.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/label-bootstrap-buttons.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aec908856 -title: Label Bootstrap Buttons +title: Etiquetas Buttons Bootstrap challengeType: 0 forumTopicId: 18222 dashedName: label-bootstrap-buttons @@ -8,43 +8,43 @@ dashedName: label-bootstrap-buttons # --description-- -Just like we labeled our wells, we want to label our buttons. +Al igual que hemos etiquetado nuestros "wells", queremos etiquetar nuestros botones. -Give each of your `button` elements text that corresponds to its `id`'s selector. +Da a cada uno de tus elementos `button` el texto que corresponde a su id. # --hints-- -Your `button` element with the id `target1` should have the text `#target1`. +Tu elemento `button` con el id `target1` debe tener el texto `#target1`. ```js assert(new RegExp('#target1', 'gi').test($('#target1').text())); ``` -Your `button` element with the id `target2` should have the text `#target2`. +Tu elemento `button` con el id `target2` debe tener el texto `#target2`. ```js assert(new RegExp('#target2', 'gi').test($('#target2').text())); ``` -Your `button` element with the id `target3` should have the text `#target3`. +Tu elemento `button` con el id `target3` debe tener el texto `#target3`. ```js assert(new RegExp('#target3', 'gi').test($('#target3').text())); ``` -Your `button` element with the id `target4` should have the text `#target4`. +Tu elemento `button` con el id `target4` debe tener el texto `#target4`. ```js assert(new RegExp('#target4', 'gi').test($('#target4').text())); ``` -Your `button` element with the id `target5` should have the text `#target5`. +Tu elemento `button` con el id `target5` debe tener el texto `#target5`. ```js assert(new RegExp('#target5', 'gi').test($('#target5').text())); ``` -Your `button` element with the id `target6` should have the text `#target6`. +Tu elemento `button` con el id `target6` debe tener el texto `#target6`. ```js assert(new RegExp('#target6', 'gi').test($('#target6').text())); diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-checkboxes.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-checkboxes.md index 8fcf0774c8..5b26437100 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-checkboxes.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-checkboxes.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aeda08845 -title: Responsively Style Checkboxes +title: Casillas de verificación con estilo responsivo challengeType: 0 forumTopicId: 18269 required: @@ -13,27 +13,27 @@ dashedName: responsively-style-checkboxes # --description-- -Since Bootstrap's `col-xs-*` classes are applicable to all `form` elements, you can use them on your checkboxes too! This way, the checkboxes will be evenly spread out across the page, regardless of how wide the screen resolution is. +Dado que las clases `col-xs-*` de Bootstrap son aplicables a todos los elementos `form`, ¡también puedes usarlas en tus casillas de verificación! De esta manera, las casillas de verificación se distribuirán uniformemente por toda la página, independientemente de la amplitud de la resolución de la pantalla. # --instructions-- -Nest all three of your checkboxes in a `
` element. Then nest each of them in a `
` element. +Anida las tres casillas de verificación en un elemento `
`. Luego incrusta cada uno de ellos en un elemento `
`. # --hints-- -All of your checkboxes should be nested inside one `div` with the class `row`. +Todas las casillas de verificación deben anidarse dentro de un `div` con la clase `row`. ```js assert($('div.row:has(input[type="checkbox"])').length > 0); ``` -Each of your checkboxes should be nested inside its own `div` with the class `col-xs-4`. +Cada casilla de verificación debe inscrustarse dentro de un `div` con la clase `row`. ```js assert($('div.col-xs-4:has(input[type="checkbox"])').length > 2); ``` -All of your `div` elements should have closing tags. +Todos los elementos `div` deben tener etiquetas de cierre. ```js assert( diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.md index 3541d7fead..4435310cfa 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aedb08845 -title: Responsively Style Radio Buttons +title: Botones radio con estilo responsivo challengeType: 0 forumTopicId: 18270 required: @@ -13,27 +13,27 @@ dashedName: responsively-style-radio-buttons # --description-- -You can use Bootstrap's `col-xs-*` classes on `form` elements, too! This way, our radio buttons will be evenly spread out across the page, regardless of how wide the screen resolution is. +¡También puedes usar las clases `col-xs-*` de Bootstrap en los elementos `form`! De esta manera, nuestros botones de radio se distribuirán uniformemente por toda la página, independientemente del ancho de la resolución de la pantalla. -Nest both your radio buttons within a `
` element. Then nest each of them within a `
` element. +Anida ambos botones de radio dentro de un elemento `
`. Luego anida cada uno de ellos en un elemento `
`. -**Note:** As a reminder, radio buttons are `input` elements of type `radio`. +**Nota:** Como recordatorio, los botones de radio son `entradas`, elementos de tipo `radio`. # --hints-- -All of your radio buttons should be nested inside one `div` with the class `row`. +Todas las casillas de radio deben anidarse dentro de un `div` con la clase `row`. ```js assert($('div.row:has(input[type="radio"])').length > 0); ``` -Each of your radio buttons should be nested inside its own `div` with the class `col-xs-6`. +Cada uno de tus botones de radio debe inscrustarse dentro un `div` con la clase `col-xs-6`. ```js assert($('div.col-xs-6:has(input[type="radio"])').length > 1); ``` -All of your `div` elements should have closing tags. +Todos sus elementos `div` deben tener etiquetas de cierre. ```js assert( diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md index a3e9e1b9ec..67f52b1b32 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md @@ -1,6 +1,6 @@ --- id: bad87fee1348cd8acef08811 -title: Taste the Bootstrap Button Color Rainbow +title: Prueba el arcoíris de colores del botón de Bootstrap challengeType: 0 forumTopicId: 18323 dashedName: taste-the-bootstrap-button-color-rainbow @@ -8,27 +8,27 @@ dashedName: taste-the-bootstrap-button-color-rainbow # --description-- -The `btn-primary` class is the main color you'll use in your app. It is useful for highlighting actions you want your user to take. +La clase `btn-primary` es el color principal que usarás en tu aplicación. Es útil para resaltar las acciones que quieres que tome tu usuario. -Replace Bootstrap's `btn-default` class with `btn-primary` in your button. +Reemplaza la clase de Bootstrap `btn-default` con `btn-primary` en tu botón. -Note that this button will still need the `btn` and `btn-block` classes. +Ten en cuenta que este botón todavía necesitará las clases `btn` y `btn-block`. # --hints-- -Your button should have the class `btn-primary`. +Tu botón debe tener la clase `btn-primary`. ```js assert($('button').hasClass('btn-primary')); ``` -Your button should still have the `btn` and `btn-block` classes. +Tu botón debe tener las clases `btn` y `btn-block`. ```js assert($('button').hasClass('btn-block') && $('button').hasClass('btn')); ``` -All your `button` elements should have closing tags. +Todos tus elementos de tipo `button` deben tener etiquetas de cierre. ```js assert( diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.md index d53b768509..743e89aaea 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aec908857 -title: Use Comments to Clarify Code +title: Use los comentarios para aclarar el código challengeType: 0 forumTopicId: 18347 dashedName: use-comments-to-clarify-code @@ -8,35 +8,35 @@ dashedName: use-comments-to-clarify-code # --description-- -When we start using jQuery, we will modify HTML elements without needing to actually change them in HTML. +Cuando comencemos a utilizar jQuery, modificaremos los elementos HTML sin necesidad de cambiarlos en HTML. -Let's make sure that everyone knows they shouldn't actually modify any of this code directly. +Asegurémonos de que todos sepan que en realidad no deben modificar nada de este código directamente. -Remember that you can start a comment with `` +Recuerda que puedes comenzar un comentario con `` -Add a comment at the top of your HTML that says `Code below this line should not be changed` +Añade un comentario en la parte superior de tu HTML que diga `Code below this line should not be changed` # --hints-- -You should start a comment with `.*this line))\s*.*this line.*\s*-->/gi)); ``` -You should close your comment with `-->`. +Debe cerrar el comentario con `-->`. ```js assert(code.match(/-->.*\n+.+/g)); ``` -You should have the same number of comment openers and closers. +Debe tener el mismo número de aperturas y cierres de comentario. ```js assert(code.match(//g).length);