freeCodeCamp/curriculum/challenges/spanish/03-front-end-libraries/bootstrap/add-elements-within-your-bo...

2.0 KiB

id title challengeType videoUrl localeTitle
bad87fee1348bd9aec908849 Add Elements within Your Bootstrap Wells 0 Agrega elementos dentro de tus cajas de Bootstrap

Description

Ahora somos varios elementos div en cada columna de nuestra fila. Esto es tan profundo como tendremos que ir. Ahora podemos añadir nuestros elementos de button . Nido de tres button elementos dentro de cada uno de sus well div elementos.

Instructions

Tests

tests:
  - text: Anida tres elementos de <code>button</code> dentro de cada uno de tus elementos <code>div</code> con clase <code>well</code> .
    testString: 'assert($("div.well:eq(0)").children("button").length === 3 && $("div.well:eq(1)").children("button").length === 3, "Nest three <code>button</code> elements within each of your <code>div</code> elements with class <code>well</code>.");'
  - text: Debes tener un total de 6 elementos de <code>button</code> .
    testString: 'assert($("button") && $("button").length > 5, "You should have a total of 6 <code>button</code> elements.");'
  - text: Asegúrese de que todos los elementos de sus <code>button</code> tengan etiquetas de cierre.
    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</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 class="well">



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



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

Solution

// solution required