freeCodeCamp/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md

id	title	challengeType	forumTopicId
bad87fee1348bd9aec908746	House our page within a Bootstrap container-fluid div	0	18198

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.

Instructions

Tests

tests:
  - text: Your <code>div</code> element should have the class <code>container-fluid</code>.
    testString: assert($("div").hasClass("container-fluid"));
  - text: Make sure each of your <code>div</code> elements has a closing tag.
    testString: assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length);
  - text: Nest your <code>h3</code> element inside a <code>div</code> element.
    testString: assert($("div").children("h3").length >0);

Challenge Seed

<h3 class="text-primary text-center">jQuery Playground</h3>

Solution

<div class="container-fluid">
    <h3 class="text-primary text-center">jQuery Playground</h3>
</div>