2018-09-30 22:01:58 +00:00
---
id: bad87fee1348bd9aec908849
title: Add Elements within Your Bootstrap Wells
challengeType: 0
2019-07-31 18:32:23 +00:00
forumTopicId: 16636
2018-09-30 22:01:58 +00:00
---
## Description
< section id = 'description' >
Now we're several < code > div< / code > elements deep on each column of our row. This is as deep as we'll need to go. Now we can add our < code > button< / code > elements.
Nest three < code > button< / code > elements within each of your < code > well< / code > < code > div< / code > elements.
< / section >
## Instructions
< section id = 'instructions' >
< / section >
## Tests
< section id = 'tests' >
```yml
2018-10-04 13:37:37 +00:00
tests:
- text: Nest three < code > button</ code > elements within each of your < code > div</ code > elements with class < code > well</ code > .
2019-07-25 06:53:37 +00:00
testString: assert($("div.well:eq(0)").children("button").length === 3 & & $("div.well:eq(1)").children("button").length === 3);
2018-10-04 13:37:37 +00:00
- text: You should have a total of 6 < code > button</ code > elements.
2019-07-25 06:53:37 +00:00
testString: assert($("button") & & $("button").length > 5);
2018-10-04 13:37:37 +00:00
- text: Make sure all your < code > button</ code > elements have closing tags.
2019-07-25 06:53:37 +00:00
testString: assert(code.match(/< \/button > /g) && code.match(/< button / g ) && code . match (/< \/button > /g).length === code.match(/< button / g ). length );
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 class = "col-xs-6" >
< div class = "well" >
< / div >
< / div >
< div class = "col-xs-6" >
< div class = "well" >
< / div >
< / div >
< / div >
< / div >
```
< / div >
< / section >
## Solution
< section id = 'solution' >
2019-03-24 17:28:07 +00:00
```html
< div class = "container-fluid" >
< h3 class = "text-primary text-center" > jQuery Playground< / h3 >
< div class = "row" >
< div class = "col-xs-6" >
< div class = "well" >
< button > < / button >
< button > < / button >
< button > < / button >
< / div >
< / div >
< div class = "col-xs-6" >
< div class = "well" >
< button > < / button >
< button > < / button >
< button > < / button >
< / div >
< / div >
< / div >
< / div >
2018-09-30 22:01:58 +00:00
```
2019-07-18 15:24:12 +00:00
2018-09-30 22:01:58 +00:00
< / section >