2018-10-04 13:37:37 +00:00
---
id: bad87fee1348bd9aec908746
title: House our page within a Bootstrap container-fluid div
challengeType: 0
---
## Description
< section id = 'description' >
Now let's make sure all the content on your page is mobile-responsive.
Let's nest your < code > h3< / code > element within a < code > div< / code > element with the class < code > container-fluid< / code > .
< / section >
## Instructions
< section id = 'instructions' >
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
- text: Your < code > div</ code > element should have the class < code > container-fluid</ code > .
2018-10-20 18:02:47 +00:00
testString: assert($("div").hasClass("container-fluid"), 'Your < code > div< / code > element should have the class < code > container-fluid< / code > .');
2018-10-04 13:37:37 +00:00
- text: Make sure each of your < code > div</ code > elements has a closing tag.
2018-10-20 18:02:47 +00:00
testString: assert(code.match(/< \/div > /g) && code.match(/< div / g ) && code . match (/< \/div > /g).length === code.match(/< div / g ). length , ' Make sure each of your < code > div</ code > elements has a closing tag.');
2018-10-04 13:37:37 +00:00
- text: Nest your < code > h3</ code > element inside a < code > div</ code > element.
2018-10-20 18:02:47 +00:00
testString: assert($("div").children("h3").length >0, 'Nest your < code > h3< / code > element inside a < code > div< / code > element.');
2018-10-04 13:37:37 +00:00
```
< / section >
## Challenge Seed
< section id = 'challengeSeed' >
< div id = 'html-seed' >
```html
< h3 class = "text-primary text-center" > jQuery Playground< / h3 >
```
< / div >
< / section >
## Solution
< section id = 'solution' >
```js
// solution required
```
< / section >