freeCodeCamp/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/create-bootstrap-wells.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
bad87fee1348bd9aec908848	Crea Bootstrap wells	0	16825	create-bootstrap-wells

--description--

Bootstrap tiene una clase llamada well que puede crear una sensación visual de profundidad en tus columnas.

Anida un elemento div con la clase well dentro de cada uno de tus elementos col-xs-6 div.

--hints--

Debes añadir un elemento div con la clase well dentro de cada uno de tus elementos div con la clase col-xs-6

assert($('div.col-xs-6').not(':has(>div.well)').length < 1);

Ambos de tus elementos div con la clase col-xs-6 deben estar anidados dentro de tu elemento div con la clase row.

assert($('div.row > div.col-xs-6').length > 1);

Todos tus elementos div deben tener etiquetas de cierre.

assert(
  code.match(/<\/div>/g) &&
    code.match(/<div/g) &&
    code.match(/<\/div>/g).length === code.match(/<div/g).length
);

--seed--

--seed-contents--

<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>

--solutions--

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