1.8 KiB
1.8 KiB
id, title, challengeType, forumTopicId, dashedName
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
bad87fee1348bd9aec908846 | Створення заголовка Bootstrap | 0 | 16812 | create-a-bootstrap-headline |
--description--
Перейдімо тепер до створення чогось з нуля, щоб відпрацювати набуті навички HTML, CSS та Bootstrap.
Створимо jQuery playground, який незабаром будемо використовувати у завданнях jQuery.
Спершу створіть елемент h3
з текстом jQuery Playground
.
Додайте колір до вашого елементу h3
, використовуючи клас Bootstrap text-primary
, і відцентруйте його за допомогою класу Bootstrap text-center
.
--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>