---
id: bad87fee1348bd9aec908846
title: Create a Bootstrap Headline
challengeType: 0
videoUrl: ''
localeTitle: Criar um título de bootstrap
---
## Description
Agora vamos construir algo do zero para praticar nossas habilidades em HTML, CSS e Bootstrap. Construiremos um playground da jQuery, que logo usaremos em nossos desafios da jQuery. Para começar, crie um elemento h3
, com o texto jQuery Playground
. h3
cor ao elemento h3
com a classe Bootstrap text-primary
ao text-primary
e centralize-o com a classe Bootstrap do text-center
.
## Instructions
## Tests
```yml
tests:
- text: Adicione um elemento h3
à sua página.
testString: 'assert($("h3") && $("h3").length > 0, "Add a h3
element to your page.");'
- text: Certifique-se de que seu elemento h3
tenha uma tag de fechamento.
testString: 'assert(code.match(/<\/h3>/g) && code.match(//g).length === code.match(/h3 element has a closing tag.");'
- text: Seu elemento h3
deve ser colorido aplicando a classe text-primary
testString: 'assert($("h3").hasClass("text-primary"), "Your h3
element should be colored by applying the class text-primary
");'
- text: Seu elemento h3
deve ser centrado aplicando o text-center
da turma
testString: 'assert($("h3").hasClass("text-center"), "Your h3
element should be centered by applying the class text-center
");'
- text: Seu elemento h3
deve ter o texto jQuery Playground
.
testString: 'assert.isTrue((/jquery(\s)+playground/gi).test($("h3").text()), "Your h3
element should have the text jQuery Playground
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```