---
id: bad87fee1348bd9aec908846
title: Create a Bootstrap Headline
challengeType: 0
videoUrl: ''
localeTitle: 创建一个Bootstrap标题
---
## Description
现在让我们从头开始构建一些东西来练习我们的HTML,CSS和Bootstrap技能。我们将构建一个jQuery游戏,我们很快将在jQuery挑战中使用它。首先,使用文本jQuery Playground
创建一个h3
元素。使用text-primary
Bootstrap类为h3
元素着色,并将其与text-center
Bootstrap类text-center
。
## Instructions
## Tests
```yml
tests:
- text: 在页面中添加h3
元素。
testString: 'assert($("h3") && $("h3").length > 0, "Add a h3
element to your page.");'
- text: 确保您的h3
元素具有结束标记。
testString: 'assert(code.match(/<\/h3>/g) && code.match(//g).length === code.match(/h3 element has a closing tag.");'
- text: 应该使用text-primary
类来对你的h3
元素进行着色
testString: 'assert($("h3").hasClass("text-primary"), "Your h3
element should be colored by applying the class text-primary
");'
- text: 应用类text-center
应该使h3
元素居中
testString: 'assert($("h3").hasClass("text-center"), "Your h3
element should be centered by applying the class text-center
");'
- text: 你的h3
元素应该有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
```