2018-10-04 13:37:37 +00:00
---
id: bad87fee1348bd9bec908846
title: Create a Bootstrap Row
challengeType: 0
---
## Description
< section id = 'description' >
Now we'll create a Bootstrap row for our inline elements.
Create a < code > div< / code > element below the < code > h3< / code > tag, with a class of < code > row< / code > .
< / section >
## Instructions
< section id = 'instructions' >
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
- text: Add a < code > div</ code > element below your < code > h3</ code > element.
2018-10-20 18:02:47 +00:00
testString: assert(($("div").length > 1) & & ($("div.row h3.text-primary").length == 0) & & ($("div.row + h3.text-primary").length == 0) & & ($("h3.text-primary + div.row").length > 0), 'Add a < code > div< / code > element below your < code > h3< / code > element.');
2018-10-04 13:37:37 +00:00
- text: Your < code > div</ code > element should have the class < code > row</ code >
2018-10-20 18:02:47 +00:00
testString: assert($("div").hasClass("row"), 'Your < code > div< / code > element should have the class < code > row< / code > ');
2018-10-04 13:37:37 +00:00
- text: Your < code > row div</ code > should be nested inside the < code > container-fluid div</ code >
2018-10-20 18:02:47 +00:00
testString: assert($("div.container-fluid div.row").length > 0, 'Your < code > row div< / code > should be nested inside the < code > container-fluid div< / code > ');
2018-10-04 13:37:37 +00:00
- text: Make sure your < code > div</ code > element 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 your < code > div</ code > element has a closing tag.');
2018-10-04 13:37:37 +00:00
```
< / section >
## Challenge Seed
< section id = 'challengeSeed' >
< div id = 'html-seed' >
```html
< div class = "container-fluid" >
< h3 class = "text-primary text-center" > jQuery Playground< / h3 >
< / div >
```
< / div >
< / section >
## Solution
< section id = 'solution' >
```js
// solution required
```
< / section >