chore(i18n,curriculum): update translations (#42001)
This commit is contained in:
camperbot
GitHub
@ -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(
|
||||
|
||||
@ -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(
|
||||
|
||||
@ -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 `<i class="fa fa-paper-plane"></i>` within your submit `button` element.
|
||||
Puedes añadir el icono `fa-paper-plane` de Font Awesome, agregando `<i class="fa fa-paper-plane"></i>` 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 `<input>`, `<textarea>`, and `<select>` elements with the class `.form-control` have a width of 100%.
|
||||
Todo el texto en los elementos `<input>`, `<textarea>`, y `<select>` con la clase `.form-control` deben tener un ancho del 100%.
|
||||
|
||||
# --hints--
|
||||
|
||||
The submit button in your form should have the classes `btn btn-primary`.
|
||||
El botón de envío submit en tu formulario debe tener las clases `btn btn-primary`.
|
||||
|
||||
```js
|
||||
assert($('button[type="submit"]').hasClass('btn btn-primary'));
|
||||
```
|
||||
|
||||
You should add a `<i class="fa fa-paper-plane"></i>` within your submit `button` element.
|
||||
Debes añadir `<i class="fa fa-paper-plane"></i>` dentro de tu elemento button.
|
||||
|
||||
```js
|
||||
assert($('button[type="submit"]:has(i.fa.fa-paper-plane)').length > 0);
|
||||
```
|
||||
|
||||
The text `input` in your form should have the class `form-control`.
|
||||
El texto en `input` en tu formulario debe tener la clase `form-control`.
|
||||
|
||||
```js
|
||||
assert($('input[type="text"]').hasClass('form-control'));
|
||||
```
|
||||
|
||||
Each of your `i` elements should have a closing tag.
|
||||
Cada uno de tus elementos `i` debe tener una etiqueta de cierre.
|
||||
|
||||
```js
|
||||
assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348bd9aedf08845
|
||||
title: Use a span to Target Inline Elements
|
||||
title: Usa un span para apuntar a elementos en línea
|
||||
challengeType: 0
|
||||
forumTopicId: 18370
|
||||
dashedName: use-a-span-to-target-inline-elements
|
||||
@ -8,31 +8,33 @@ dashedName: use-a-span-to-target-inline-elements
|
||||
|
||||
# --description--
|
||||
|
||||
You can use spans to create inline elements. Remember when we used the `btn-block` class to make the button fill the entire row?
|
||||
Puedes usar spans para crear elementos en línea. ¿Recuerdas cuando usamos la clase `btn-block` para hacer que el botón ocupe toda la fila completa?
|
||||
|
||||
<button class='btn' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>normal button</button>
|
||||
<button class='btn' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>botón normal</button>
|
||||
|
||||
<button class='btn btn-block' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>btn-block button</button>
|
||||
<button class='btn btn-block' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>botón btn-block</button>
|
||||
|
||||
That illustrates the difference between an "inline" element and a "block" element.
|
||||
Esto ilustra la diferencia entre un elemento "en línea" y un elemento de "bloque".
|
||||
|
||||
By using the inline `span` element, you can put several elements on the same line, and even style different parts of the same line differently.
|
||||
Usando el elemento en línea `span`, puedes alinear varios elementos, e incluso estilizar diferentes partes de la misma línea de manera diferente.
|
||||
|
||||
Nest the word "love" in your "Things cats love" element below within a `span` element. Then give that `span` the class `text-danger` to make the text red.
|
||||
Usando un elemento `span`, anida la palabra `love` dentro del elemento `p` que actualmente contiene el texto `Things cats love`. Luego asigna al `span` la clase `text-danger` para hacer al texto rojo.
|
||||
|
||||
Here's how you would do this with the "Top 3 things cats hate" element:
|
||||
Así es como harías esto para el elemento `p` que tiene el texto `Top 3 things cats hate`:
|
||||
|
||||
`<p>Top 3 things cats <span class="text-danger">hate:</span></p>`
|
||||
```html
|
||||
<p>Top 3 things cats <span class="text-danger">hate:</span></p>
|
||||
```
|
||||
|
||||
# --hints--
|
||||
|
||||
Your `span` element should be inside your `p` element.
|
||||
Tu elemento `span` debe estar dentro de tu elemento `p`.
|
||||
|
||||
```js
|
||||
assert($('p span') && $('p span').length > 0);
|
||||
```
|
||||
|
||||
Your `span` element should have just the text `love`.
|
||||
Tu elemento `span` solo debe tener el texto `love`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -44,13 +46,13 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your `span` element should have class `text-danger`.
|
||||
Tu elemento `span` debe tener la clase `text-danger`.
|
||||
|
||||
```js
|
||||
assert($('span').hasClass('text-danger'));
|
||||
```
|
||||
|
||||
Your `span` element should have a closing tag.
|
||||
Tu elemento `span` debe tener una etiqueta de cierre.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
||||
Reference in New Issue
Block a user