<sectionid="description"> Puede utilizar intervalos para crear elementos en línea. ¿Recuerdas cuando usamos la clase <code>btn-block</code> para hacer que el botón llene toda la fila? <buttonclass="btn"style="background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);">botón normal botón</button><buttonclass="btn btn-block"style="background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);">btn-block</button> Que ilustra la diferencia entre un elemento "en línea" y un elemento "block". Al utilizar el elemento de <code>span</code> línea, puede colocar varios elementos en la misma línea, e incluso diseñar diferentes partes de la misma línea de manera diferente. Anida la palabra "amor" en el elemento "Cosas que los gatos aman" debajo de un elemento <code>span</code> . Luego, <code>span</code> la clase <code>text-danger</code> para hacer que el texto sea rojo. A continuación le indicamos cómo haría esto con el elemento "Las 3 cosas que los gatos odian más": <code><p>Top 3 things cats <span class="text-danger">hate:</span></p></code></section>
- text: Su elemento <code>span</code> debe estar dentro de su elemento <code>p</code> .
testString: 'assert($("p span") && $("p span").length > 0, "Your <code>span</code> element should be inside your <code>p</code> element.");'
- text: Tu elemento <code>span</code> debe tener solo el texto <code>love</code> .
testString: 'assert($("p span") && $("p span").text().match(/love/i) && !$("p span").text().match(/Things cats/i), "Your <code>span</code> element should have just the text <code>love</code>.");'
- text: Su elemento <code>span</code> debe tener clase de <code>text-danger</code> .
testString: 'assert($("span").hasClass("text-danger"), "Your <code>span</code> element should have class <code>text-danger</code>.");'
- text: Asegúrese de que su elemento <code>span</code> tenga una etiqueta de cierre.
testString: 'assert(code.match(/<\/span>/g) && code.match(/<span/g)&&code.match(/<\/span>/g).length === code.match(/<span/g).length,"Makesureyour<code>span</code> element has a closing tag.");'