freeCodeCamp

2.0 KiB

Raw Blame History

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

Descripción

Ahora se tienen varios elementos div en cada columna de nuestra fila. Estos estan tan profundos como tendremos que ir. Ahora podemos añadir nuestros elementos button. Agrega tres elementos button dentro de cada uno de sus elementos well div.

Instrucciones

Pruebas

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>

Solución

// Solución requerida

2.0 KiB Raw Blame History