`
+```html
+
+```
-Give the well on the left the id of `left-well`. Give the well on the right the id of `right-well`.
+Agrega el "id" `left-well` al elemento de la izquierda de la clase "well". Agrega el "id" `right-well` al elemento de la derecha de la clase "well".
# --hints--
-Your left `well` should have the id of `left-well`.
+El elemento de la izquierda de la clase `well` deberá tener el "id" `left-well`.
```js
assert(
@@ -31,7 +33,7 @@ assert(
);
```
-Your right `well` should have the id of `right-well`.
+El elemento de la derecha de la clase `well` deberá tener el "id" `right-well`.
```js
assert(
diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.md
index 4ec8c688fc..11eb650c40 100644
--- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.md
+++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.md
@@ -1,6 +1,6 @@
---
id: bad87fee1348bd9aec908850
-title: Apply the Default Bootstrap Button Style
+title: Aplica el estilo predeterminado de botón de estilo de Bootstrap
challengeType: 0
forumTopicId: 16657
dashedName: apply-the-default-bootstrap-button-style
@@ -8,19 +8,19 @@ dashedName: apply-the-default-bootstrap-button-style
# --description--
-Bootstrap has another button class called `btn-default`.
+Bootstrap tiene otra clase de botón llamada `btn-default`.
-Apply both the `btn` and `btn-default` classes to each of your `button` elements.
+Aplica las clases `btn` y `btn-default` a cada uno de tus elementos `button`.
# --hints--
-You should apply the `btn` class to each of your `button` elements.
+Debes aplicar la clase `btn` a cada uno de tus elementos `button`.
```js
assert($('.btn').length > 5);
```
-You should apply the `btn-default` class to each of your `button` elements.
+Debes aplicar la clase `btn-default` a cada uno de tus elementos `button`.
```js
assert($('.btn-default').length > 5);
diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
index e066189270..e70158147e 100644
--- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
+++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
@@ -1,6 +1,6 @@
---
id: bad87fee1348cd8acef08813
-title: Call out Optional Actions with btn-info
+title: Llama a acciones opcionales con btn-info
challengeType: 0
forumTopicId: 16770
dashedName: call-out-optional-actions-with-btn-info
@@ -8,33 +8,33 @@ dashedName: call-out-optional-actions-with-btn-info
# --description--
-Bootstrap comes with several pre-defined colors for buttons. The `btn-info` class is used to call attention to optional actions that the user can take.
+Bootstrap viene con diferentes colores predefinidos para botones. La clase `btn-info` se utiliza para llamar la atención sobre las acciones opcionales que el usuario puede realizar.
-Create a new block-level Bootstrap button below your "Like" button with the text "Info", and add Bootstrap's `btn-info` and `btn-block` classes to it.
+Crea un nuevo botón de Bootstrap debajo de tu botón `Like` con el texto `Info` y añádele las clases de Bootstrap `btn-info` y `btn-block`.
-Note that these buttons still need the `btn` and `btn-block` classes.
+Ten en cuenta que estos botones todavía necesitan las clases `btn` y `btn-block`.
# --hints--
-You should create a new `button` element with the text "Info".
+Debes crear un nuevo elemento `button` con el texto `Info`.
```js
assert(new RegExp('info', 'gi').test($('button').text()));
```
-Both of your Bootstrap buttons should have the `btn` and `btn-block` classes.
+Ambos botones deben tener las clases `btn` y `btn-block`.
```js
assert($('button.btn-block.btn').length > 1);
```
-Your new button should have the class `btn-info`.
+Tu nuevo botón debe tener la clase `btn-info`.
```js
assert($('button').hasClass('btn-info'));
```
-All of your `button` elements should have closing tags.
+Todos los elementos `button` deben tener etiquetas de cierre.
```js
assert(
diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/center-text-with-bootstrap.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/center-text-with-bootstrap.md
index bcf6be7ef8..ad681c0aa5 100644
--- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/center-text-with-bootstrap.md
+++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/center-text-with-bootstrap.md
@@ -1,6 +1,6 @@
---
id: bad87fee1348bd8acde08812
-title: Center Text with Bootstrap
+title: Centrar texto con Bootstrap
challengeType: 0
forumTopicId: 16771
dashedName: center-text-with-bootstrap
@@ -8,21 +8,23 @@ dashedName: center-text-with-bootstrap
# --description--
-Now that we're using Bootstrap, we can center our heading element to make it look better. All we need to do is add the class `text-center` to our `h2` element.
+Ahora que estamos usando Bootstrap, podemos centrar el encabezado para que luzca mejor. Todo lo que necesitamos hacer es añadir la clase `text-center` a nuestro elemento `h2`.
-Remember that you can add several classes to the same element by separating each of them with a space, like this:
+Recuerda que puedes añadir varias clases al mismo elemento separando cada una de ellas con un espacio:
-`
your text
`
+```html
+your text
+```
# --hints--
-Your `h2` element should be centered by applying the class `text-center`
+Tu elemento `h2` debe estar centrado al aplicar la clase `text-center`
```js
assert($('h2').hasClass('text-center'));
```
-Your `h2` element should still have the class `red-text`
+Tu elemento `h2` debe conservar la clase `red-text`
```js
assert($('h2').hasClass('red-text'));
diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.md
index 784250c7e5..1e31f61f80 100644
--- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.md
+++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.md
@@ -1,6 +1,6 @@
---
id: bad87fee1348cd8acef08812
-title: Create a Block Element Bootstrap Button
+title: Crear un botón Bootstrap como elemento de bloque
challengeType: 0
forumTopicId: 16810
dashedName: create-a-block-element-bootstrap-button
@@ -8,41 +8,45 @@ dashedName: create-a-block-element-bootstrap-button
# --description--
-Normally, your `button` elements with the `btn` and `btn-default` classes are only as wide as the text that they contain. For example:
+Normalmente, tus elementos `button` con las clases `btn` y `btn-default` son tan anchos como el texto que contienen. Por ejemplo:
-``
+```html
+
+```
-This button would only be as wide as the word "Submit".
+Este botón será tan ancho como la palabra `Submit`.
-
+
-By making them block elements with the additional class of `btn-block`, your button will stretch to fill your page's entire horizontal space and any elements following it will flow onto a "new line" below the block.
+Al hacer los elementos de bloque con la clase `btn-block`, tu botón ocupará el ancho horizontal de la página y cualquier elemento que lo siga se posicionará en una "nueva línea" debajo del bloque.
-``
+```html
+
+```
-This button would take up 100% of the available width.
+Este botón tomará el 100% del ancho disponible.
-
+
-Note that these buttons still need the `btn` class.
+Ten en cuenta que estos botones aún necesitan la clase `btn`.
-Add Bootstrap's `btn-block` class to your Bootstrap button.
+Añade la clase `btn-block` a tu botón Bootstrap.
# --hints--
-Your button should still have the `btn` and `btn-default` classes.
+Tu botón debe contener las clases `btn` y `btn-default`.
```js
assert($('button').hasClass('btn') && $('button').hasClass('btn-default'));
```
-Your button should have the class `btn-block`.
+Tu botón debe contener la clase `btn-block`.
```js
assert($('button').hasClass('btn-block'));
```
-All of your `button` elements should have closing tags.
+Todos tu elementos `button` deben tener etiquetas de cierre.
```js
assert(