Files
freeCodeCamp/curriculum/challenges/spanish/03-front-end-libraries/bootstrap/create-bootstrap-wells.spanish.md
melascuco c957f5d4f2 Improve challenge description in Spanish (#37040)
Rephrase the challenge description to make it more understandable in Spanish, due to false friends and words order.
2019-11-01 19:06:26 +01:00

2.0 KiB

id, title, challengeType, videoUrl, localeTitle
id title challengeType videoUrl localeTitle
bad87fee1348bd9aec908848 Create Bootstrap Wells 0 Crear Bootstrap Wells

Description

Bootstrap tiene una clase llamada well que puede crear una sensación visual de profundidad para sus columnas. Anidar un elemento div con la clase well en cada uno de sus elementos col-xs-6 div.

Instructions

Tests

tests:
  - text: Añadir un <code>div</code> elemento con la clase <code>well</code> dentro de cada uno de sus <code>div</code> elementos con la clase <code>&quot;col-xs-6&quot;</code>
    testString: 'assert($("div.col-xs-6").not(":has(>div.well)").length < 1, "Add a <code>div</code> element with the class <code>well</code> inside each of your <code>div</code> elements with the class <code>"col-xs-6"</code>");'
  - text: Anide ambos elementos <code>div</code> con la clase <code>&quot;col-xs-6&quot;</code> dentro de tu elemento <code>div</code> con la clase <code>&quot;row&quot;</code> .
    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest both of your <code>div</code> elements with the class <code>"col-xs-6"</code> within your <code>div</code> element with the class <code>"row"</code>.");'
  - text: Asegúrese de que todos los elementos <code>div</code> tengan etiquetas de cierre.
    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'

Challenge Seed

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">

    </div>
    <div class="col-xs-6">

    </div>
  </div>
</div>

Solution

// solution required