freeCodeCamp/curriculum/challenges/espanol/03-front-end-development-li.../bootstrap/add-elements-within-your-bo...

1.8 KiB

id title challengeType forumTopicId dashedName
bad87fee1348bd9aec908849 Agrega elementos dentro de tus recursos de Bootstrap 0 16636 add-elements-within-your-bootstrap-wells

--description--

Ahora estamos a varios elementos div de profundidad en cada columna de nuestra fila. Esto es lo más profundo que necesitaremos ir. Ahora podemos agregar nuestros elementos button.

Anida tres elementos button dentro de cada uno de los elementos div que posean una clase well.

--hints--

Tres elementos button deben estar anidados dentro de cada uno de tus elementos div con la clase well.

assert(
  $('div.well:eq(0)').children('button').length === 3 &&
    $('div.well:eq(1)').children('button').length === 3
);

Debes tener un total de 6 elementos button.

assert($('button') && $('button').length > 5);

Todos tus elementos button deben tener etiquetas de cierre.

assert(
  code.match(/<\/button>/g) &&
    code.match(/<button/g) &&
    code.match(/<\/button>/g).length === code.match(/<button/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 class="well">



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



      </div>
    </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">
        <button></button>
        <button></button>
        <button></button>
      </div>
    </div>
    <div class="col-xs-6">
      <div class="well">
        <button></button>
        <button></button>
        <button></button>
      </div>
    </div>
  </div>
</div>