diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md index b6037f8333..a6600cd255 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aec908845 -title: Line up Form Elements Responsively with Bootstrap +title: Alinee elementos de formulario de forma responsiva con Bootstrap challengeType: 0 forumTopicId: 18225 required: @@ -13,15 +13,15 @@ dashedName: line-up-form-elements-responsively-with-bootstrap # --description-- -Now let's get your form `input` and your submission `button` on the same line. We'll do this the same way we have previously: by using a `div` element with the class `row`, and other `div` elements within it using the `col-xs-*` class. +Ahora coloquemos tu formulario `input` y tu `button`de envío en la misma línea. Lo haremos de la misma forma que lo hemos hecho anteriormente: usando un elemento `div` con la clase `row`, y otros elementos `div` dentro de el usando la clase `col-xs-*`. -Nest both your form's text `input` and submit `button` within a `div` with the class `row`. Nest your form's text `input` within a div with the class of `col-xs-7`. Nest your form's submit `button` in a `div` with the class `col-xs-5`. +Anida tanto el campo de texto `input` del formulario como el botón de envío `button` dentro de un `div` con la clase `row`. Incrusta tu campo de texto `input` del formulario dentro de un div con la clase `col-xs-7`. Incrusta tu botón de envió `button` del formulario dentro de un `div`con la clase `col-xs-5`. -This is the last challenge we'll do for our Cat Photo App for now. We hope you've enjoyed learning Font Awesome, Bootstrap, and responsive design! +Este es el ultimo desafío que haremos para nuestra aplicación de fotos de gatos por ahora. ¡Esperamos que hayas disfrutado aprendiendo Font Awesome, Bootstrap y diseño responsivo! # --hints-- -Your form submission button and text input should be nested in a div with class `row`. +Tu botón de envío del formulario y la entrada de texto deben anidarse en un div con la clase `row`. ```js assert( @@ -30,19 +30,19 @@ assert( ); ``` -Your form text input should be nested in a div with the class `col-xs-7`. +Tu entrada de texto del formulario debe estar anidada en un div con la clase `col-xs-7`. ```js assert($('div.col-xs-7:has(input[type="text"])').length > 0); ``` -Your form submission button should be nested in a div with the class `col-xs-5`. +Tu botón de envío del formulario debe estar anidado en un div con la clase `col-xs-5`. ```js assert($('div.col-xs-5:has(button[type="submit"])').length > 0); ``` -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/split-your-bootstrap-row.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/split-your-bootstrap-row.md index 440c9a7740..463433631f 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/split-your-bootstrap-row.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/split-your-bootstrap-row.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aec908847 -title: Split Your Bootstrap Row +title: Divide tu fila de Bootstrap challengeType: 0 forumTopicId: 18306 dashedName: split-your-bootstrap-row @@ -8,19 +8,19 @@ dashedName: split-your-bootstrap-row # --description-- -Now that we have a Bootstrap Row, let's split it into two columns to house our elements. +Ahora que tenemos una fila de Bootstrap, vamos a dividirla en dos columnas para albergar nuestros elementos. -Create two `div` elements within your row, both with the class `col-xs-6`. +Crea dos elementos `div` dentro de tu fila, ambos con la clase `col-xs-6`. # --hints-- -Two `div class="col-xs-6"` elements should be nested within your `div class="row"` element. +Dos elementos `div class="col-xs-6"` deben estar anidados dentro de tu elemento `div class="row"`. ```js assert($('div.row > div.col-xs-6').length > 1); ``` -All your `div` elements should have closing tags. +Todos tus elementos `div` deben tener etiquetas de cierre. ```js assert( diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.md index 513456f26c..b464877662 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aed908845 -title: Style Text Inputs as Form Controls +title: Estilo de entradas de texto como controles de formulario challengeType: 0 forumTopicId: 18312 required: @@ -13,33 +13,33 @@ dashedName: style-text-inputs-as-form-controls # --description-- -You can add the `fa-paper-plane` Font Awesome icon by adding `` within your submit `button` element. +Puedes añadir el icono `fa-paper-plane` de Font Awesome, agregando `` dentro del elemento `button` de tipo `submit`. -Give your form's text input field a class of `form-control`. Give your form's submit button the classes `btn btn-primary`. Also give this button the Font Awesome icon of `fa-paper-plane`. +Da al input(campo de entrada de texto) de tu formulario una clase `form-control`. Da el botón de envío(submit) de tu formulario las clases `btn btn-primary`. También da a este botón el icono de Font Awesome con `fa-paper-plane`. -All textual ``, `