1.0 KiB
1.0 KiB
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
bad87fee1348bd9aec908746 | House our page within a Bootstrap container-fluid div | 0 | 18198 | house-our-page-within-a-bootstrap-container-fluid-div |
--description--
Now let's make sure all the content on your page is mobile-responsive.
Let's nest your h3
element within a div
element with the class container-fluid
.
--hints--
Your div
element should have the class container-fluid
.
assert($('div').hasClass('container-fluid'));
Each of your div
elements should have closing tags.
assert(
code.match(/<\/div>/g) &&
code.match(/<div/g) &&
code.match(/<\/div>/g).length === code.match(/<div/g).length
);
Your h3
element should be nested inside a div
element.
assert($('div').children('h3').length > 0);
--seed--
--seed-contents--
<h3 class="text-primary text-center">jQuery Playground</h3>
--solutions--
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>