2018-10-10 18:03:03 -04:00
---
id: bad87fee1348bd9aec908856
title: Label Bootstrap Buttons
challengeType: 0
2019-08-28 16:26:13 +03:00
forumTopicId: 18222
2018-10-10 18:03:03 -04:00
localeTitle: Кнопки бутстрапа с надписью
---
## Description
2019-08-28 16:26:13 +03:00
< section id = 'description' >
Так же, как мы обозначили наши колодцы, мы хотим наметить наши кнопки. Дайте каждому из ваших элементов < code > button< / code > текст, соответствующий е г о селектору < code > id< / code > .
< / section >
2018-10-10 18:03:03 -04:00
## Instructions
2019-08-28 16:26:13 +03:00
< section id = 'instructions' >
2018-10-10 18:03:03 -04:00
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
2019-08-28 16:26:13 +03:00
- text: Give your < code > button</ code > element with the id < code > target1</ code > the text < code > #target1 </ code > .
testString: assert(new RegExp("#target1 ","gi").test($("#target1 ").text()));
- text: Give your < code > button</ code > element with the id < code > target2</ code > the text < code > #target2 </ code > .
testString: assert(new RegExp("#target2 ","gi").test($("#target2 ").text()));
- text: Give your < code > button</ code > element with the id < code > target3</ code > the text < code > #target3 </ code > .
testString: assert(new RegExp("#target3 ","gi").test($("#target3 ").text()));
- text: Give your < code > button</ code > element with the id < code > target4</ code > the text < code > #target4 </ code > .
testString: assert(new RegExp("#target4 ","gi").test($("#target4 ").text()));
- text: Give your < code > button</ code > element with the id < code > target5</ code > the text < code > #target5 </ code > .
testString: assert(new RegExp("#target5 ","gi").test($("#target5 ").text()));
- text: Give your < code > button</ code > element with the id < code > target6</ code > the text < code > #target6 </ code > .
testString: assert(new RegExp("#target6 ","gi").test($("#target6 ").text()));
2018-10-10 18:03:03 -04: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" >
< h4 > #left -well</ h4 >
< div class = "well" id = "left-well" >
< button class = "btn btn-default target" id = "target1" > < / button >
< button class = "btn btn-default target" id = "target2" > < / button >
< button class = "btn btn-default target" id = "target3" > < / button >
< / div >
< / div >
< div class = "col-xs-6" >
< h4 > #right -well</ h4 >
< div class = "well" id = "right-well" >
< button class = "btn btn-default target" id = "target4" > < / button >
< button class = "btn btn-default target" id = "target5" > < / button >
< button class = "btn btn-default target" id = "target6" > < / button >
< / div >
< / div >
< / div >
< / div >
```
< / div >
< / section >
## Solution
< section id = 'solution' >
2019-08-28 16:26:13 +03: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" id = "target1" > #target1 </ button >
< button class = "btn btn-default target" id = "target2" > #target2 </ button >
< button class = "btn btn-default target" id = "target3" > #target3 </ button >
< / div >
< / div >
< div class = "col-xs-6" >
< h4 > #right -well</ h4 >
< div class = "well" id = "right-well" >
< button class = "btn btn-default target" id = "target4" > #target4 </ button >
< button class = "btn btn-default target" id = "target5" > #target5 </ button >
< button class = "btn btn-default target" id = "target6" > #target6 </ button >
< / div >
< / div >
< / div >
< / div >
2018-10-10 18:03:03 -04:00
```
2019-08-28 16:26:13 +03:00
2018-10-10 18:03:03 -04:00
< / section >