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 `