1.5 KiB
1.5 KiB
id, title, challengeType, forumTopicId, dashedName
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| bad87fee1348bd9aec908846 | Bootstrap の見出しを作成する | 0 | 16812 | create-a-bootstrap-headline |
--description--
ここでは、HTML、CSS、Bootstrap のスキルを磨くために、何もない状態から作成してみましょう。
jQuery プレイグラウンドを作成します。このプレイグラウンドは、このあとの jQuery のチャレンジで使用します。
まず、jQuery Playground というテキストを持つ h3 要素を作成してください。
text-primary という Bootstrap クラスを使用して h3 に色を付け、text-center という Bootstrap クラスを使用して中央に配置してください。
--hints--
h3 要素をページに追加します。
assert($('h3') && $('h3').length > 0);
h3 要素には終了タグが必要です。
assert(
code.match(/<\/h3>/g) &&
code.match(/<h3/g) &&
code.match(/<\/h3>/g).length === code.match(/<h3/g).length
);
h3 要素にクラス text-primary を適用して色を付けます。
assert($('h3').hasClass('text-primary'));
h3 要素に text-center を適用して中央寄せにします。
assert($('h3').hasClass('text-center'));
h3 要素のテキストを jQuery Playground にします。
assert.isTrue(/jquery(\s)+playground/gi.test($('h3').text()));
--seed--
--seed-contents--
--solutions--
<h3 class="text-primary text-center">jQuery Playground</h3>