<sectionid="description"> Font Awesome es una conveniente biblioteca de iconos. Estos iconos son gráficos vectoriales, almacenados en el formato de archivo <code>.svg</code> . Estos iconos son tratados como fuentes. Puede especificar su tamaño usando píxeles, y asumirán el tamaño de fuente de sus elementos HTML principales. Puedes incluir Font Awesome en cualquier aplicación agregando el siguiente código en la parte superior de tu HTML: <code><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous"></code> En este caso, hemos estado en esto. El elemento <code>i</code> se usó originalmente para hacer otros elementos en cursiva, pero ahora se usa comúnmente para los iconos. Puede agregar las clases de Font Awesome al elemento <code>i</code> para convertirlo en un icono, por ejemplo: <code><i class="fa fa-info-circle"></i></code> Tenga en cuenta que el elemento <code>span</code> también es aceptable para usar con iconos . Use Font Awesome para agregar un ícono con el <code>thumbs-up</code> al botón Me gusta dándole un elemento <code>i</code> con las clases <code>fa</code> y <code>fa-thumbs-up</code> ; Asegúrese de mantener el texto "Me gusta" junto al icono. </section>
- text: Agregue un elemento <code>i</code> con las clases <code>fa</code> y <code>fa-thumbs-up</code> .
testString: 'assert($("i").is(".fa.fa-thumbs-up") || $("span").is(".fa.fa-thumbs-up"), "Add an <code>i</code> element with the classes <code>fa</code> and <code>fa-thumbs-up</code>.");'
- text: Tu ícono de <code>fa-thumbs-up</code> debe estar ubicado dentro del botón "Me gusta".
testString: 'assert(($("i.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > i").is(".fa.fa-thumbs-up")) || ($("span.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Your <code>fa-thumbs-up</code> icon should be located within the Like button.");'
- text: Anida tu elemento <code>i</code> dentro de tu elemento <code>button</code> .
testString: 'assert($("button").children("i").length > 0 || $("button").children("span").length > 0, "Nest your <code>i</code> element within your <code>button</code> element.");'
- text: Asegúrese de que su elemento de icono tenga una etiqueta de cierre.
testString: 'assert(code.match(/<\/i>|<\/span>/g), "Make sure your icon element has a closing tag.");'