id	title	challengeType	forumTopicId	dashedName
bad87fee1348bd9aec908846	Crea un encabezado de Bootstrap	0	16812	create-a-bootstrap-headline

--description--

Ahora construyamos algo desde cero para practicar nuestras habilidades de HTML, CSS y Bootstrap.

Construiremos una zona de juegos de jQuery, que pronto utilizaremos en nuestros desafíos de jQuery.

Para empezar, crea un elemento h3, con el texto jQuery Playground.

Colorea tu elemento h3 con la clase text-primary y céntralo con la clase text-center de Bootstrap.

--hints--

Debes agregar un elemento h3 a tu página.

assert($('h3') && $('h3').length > 0);

Tu elemento h3 debe tener una etiqueta de cierre.

assert(
  code.match(/<\/h3>/g) &&
    code.match(/<h3/g) &&
    code.match(/<\/h3>/g).length === code.match(/<h3/g).length
);

Tu elemento h3 debe ser coloreado aplicando la clase text-primary

assert($('h3').hasClass('text-primary'));

Tu elemento h3 debe estar centrado al aplicar la clase text-center

assert($('h3').hasClass('text-center'));

Tu elemento h3 debe tener el texto jQuery Playground.

assert.isTrue(/jquery(\s)+playground/gi.test($('h3').text()));

<h3 class="text-primary text-center">jQuery Playground</h3>