2018-09-30 22:01:58 +00:00
---
id: bad87fee1348bd9aec908847
title: Split Your Bootstrap Row
challengeType: 0
---
## Description
< section id = 'description' >
Now that we have a Bootstrap Row, let's split it into two columns to house our elements.
Create two < code > div< / code > elements within your row, both with the class < code > col-xs-6< / code > .
< / section >
## Instructions
< section id = 'instructions' >
< / section >
## Tests
< section id = 'tests' >
```yml
2018-10-04 13:37:37 +00:00
tests:
- text: Nest two < code > div class="col-xs-6"</ code > elements within your < code > div class="row"</ code > element.
2018-10-20 18:02:47 +00:00
testString: assert($("div.row > div.col-xs-6").length > 1, 'Nest two < code > div class="col-xs-6"< / code > elements within your < code > div class="row"< / code > element.');
2018-10-04 13:37:37 +00:00
- text: Make sure all your < code > div</ code > elements have closing tags.
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 all your < code > div</ code > elements have closing tags.');
2018-09-30 22:01:58 +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 class = "row" >
< / div >
< / div >
```
< / div >
< / section >
## Solution
< section id = 'solution' >
```js
// solution required
```
< / section >