1.8 KiB
1.8 KiB
id | title | challengeType |
---|---|---|
bad87fee1348bd9aec908849 | Add Elements within Your Bootstrap Wells | 0 |
Description
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