2018-10-10 22:03:03 +00:00
---
id: bad87fee1348bd9aec908854
title: Label Bootstrap Wells
challengeType: 0
2019-08-28 13:26:13 +00:00
forumTopicId: 18223
2018-10-10 22:03:03 +00:00
localeTitle: Ярлыки бутстрапов
---
## Description
2019-08-28 13:26:13 +00:00
< section id = 'description' >
Для ясности давайте обозначим о б а наших колодца своими идентификаторами. Над вашей левой кнопкой, внутри своего элемента < code > div< / code > < code > col-xs-6< / code > , добавьте элемент < code > h4< / code > с текстом < code > #left-well< / code > . Над вашей правой кнопкой, внутри своего элемента < code > div< / code > < code > col-xs-6< / code > , добавьте элемент < code > h4< / code > с текстом < code > #right-well< / code > .
< / section >
2018-10-10 22:03:03 +00:00
## Instructions
2019-08-28 13:26:13 +00:00
< section id = 'instructions' >
2018-10-10 22:03:03 +00:00
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
2019-08-28 13:26:13 +00:00
- text: Add an < code > h4</ code > element to each of your < code > < div class="col-xs-6"> </ code > elements.
testString: assert($(".col-xs-6").children("h4") & & $(".col-xs-6").children("h4").length > 1);
- text: One < code > h4</ code > element should have the text < code > #left-well</ code > .
testString: assert(new RegExp("#left-well","gi").test($("h4").text()));
- text: One < code > h4</ code > element should have the text < code > #right-well</ code > .
testString: assert(new RegExp("#right-well","gi").test($("h4").text()));
- text: Make sure all your < code > h4</ code > elements have closing tags.
testString: assert(code.match(/< \/h4 > /g) && code.match(/< h4 / g ) && code . match (/< \/h4 > /g).length === code.match(/< h4 / g ). length );
2018-10-10 22:03:03 +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" id = "left-well" >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< / div >
< / div >
< div class = "col-xs-6" >
< div class = "well" id = "right-well" >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< / div >
< / div >
< / div >
< / div >
```
< / div >
< / section >
## Solution
< section id = 'solution' >
2019-08-28 13:26:13 +00:00
```html
< div class = "container-fluid" >
< h3 class = "text-primary text-center" > jQuery Playground< / h3 >
< div class = "row" >
< div class = "col-xs-6" >
< h4 > #left-well< / h4 >
< div class = "well" id = "left-well" >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< / div >
< / div >
< div class = "col-xs-6" >
< h4 > #right-well< / h4 >
< div class = "well" id = "right-well" >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< button class = "btn btn-default target" > < / button >
< / div >
< / div >
< / div >
< / div >
2018-10-10 22:03:03 +00:00
```
2019-08-28 13:26:13 +00:00
2018-10-10 22:03:03 +00:00
< / section >