freeCodeCamp/curriculum/challenges/spanish/03-front-end-libraries/bootstrap/split-your-bootstrap-row.sp...

1.4 KiB

id title challengeType videoUrl localeTitle
bad87fee1348bd9aec908847 Split Your Bootstrap Row 0 Dividir tu fila Bootstrap

Description

Ahora que tenemos una fila Bootstrap, dividámosla en dos columnas para albergar nuestros elementos. Cree dos elementos div dentro de su fila, ambos con la clase col-xs-6 .

Instructions

Tests

tests:
  - text: Anide dos elementos <code>div class=&quot;col-xs-6&quot;</code> dentro del elemento <code>div class=&quot;row&quot;</code> .
    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest two <code>div class="col-xs-6"</code> elements within your <code>div class="row"</code> element.");'
  - 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>
</div>

Solution

// solution required