freeCodeCamp/add-elements-within-your-bootstrap-wells.english.md at 0e263c6a9c86fa3771d0f439afb51a22d3b03a89

Files

Valeriy 79d9012432 fix(curriculum): quotes in tests (#18828 )

* fix(curriculum): tests quotes

* fix(curriculum): fill seed-teardown

* fix(curriculum): fix tests and remove unneeded seed-teardown

2018-10-20 23:32:47 +05:30

1.8 KiB

Raw Blame History

id, title, challengeType

id	title	challengeType
bad87fee1348bd9aec908849	Add Elements within Your Bootstrap Wells	0

Description

Now we're several div elements deep on each column of our row. This is as deep as we'll need to go. Now we can add our button elements. Nest three button elements within each of your well div elements.

Instructions

Tests

tests:
  - text: Nest three <code>button</code> elements within each of your <code>div</code> elements with class <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: You should have a total of 6 <code>button</code> elements.
    testString: assert($("button") && $("button").length > 5, 'You should have a total of 6 <code>button</code> elements.');
  - text: Make sure all your <code>button</code> elements have closing tags.
    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

1.8 KiB Raw Blame History