En el artículo anterior, presenté el sistema de cuadrícula de notas de estudio Bootstrap3 (1)
Para los títulos, Bootstrap ha modificado el estilo de H1-H6. Si necesita un subtítulo, también puede usar etiquetas pequeñas.
<h1> H1. Encabezado de bootstrap <Small> Texto secundario </small> </h1> <h2> H2. Encabezado de bootstrap <Small> Texto secundario </small> </h2> <h3> H3. Encabezado de bootstrap <Small> Texto secundario </small> </h3> <h4> H4. Encabezado de bootstrap <Small> Texto secundario </small> </h4> <h5> H5. Encabezado de bootstrap <Small> Texto secundario </small> </h5> <h6>
Si hay un H1 en la página que debe ser único, puede incluirlo en un Div Styled como "Page-Header".
<div> <h1> Twitter Bootstrap <Small> Un marco frontal intuitivo </small> </h1> </div>
El tamaño de fuente predeterminado de Bootstrap es de 14 px, la altura de la línea es 1.428, el espacio de párrafo es de 10 px. Si un párrafo necesita ser más llamativo, hay una clase de 'plomo'
Usando la clase Text-*, puede establecer fácilmente la alineación horizontal del texto
<p> Texto alineado a la izquierda. </p> <p> Texto alineado de Centro. </p> <p> Texto alineado a la derecha. </p> <p> Texto justificado. </p> <p> sin texto de envoltura. </p>.
Las etiquetas de formato de texto en HTML se pueden usar en Bootstrap
<p> <b> Este es un texto en negrita </b> </p> <p> <p> <big> Este es un texto grande </big> </p> <p> <code> Este es código de computadora </code> </p> <p> <em> Esto se enfatiza el texto </em> </p> <p> <i> este es el texto itálico </i> </p> <p> <p> <p>. Texto </sk> </p> <p> <small> Este es un texto pequeño </small> </p> <p> <strong> Este text fuertemente enfatizado </strong> </p> <p> Este es <sub> subscript </sub> y <up> superscript </ super> <p> <p> <s> este texto está insertado en el documento </s> </p> <p> <p> <p> <p>> de deleten documento </el> </p>
La clase de conversión de formato de letra puede realizar la conversión requerida bien:
<p> El zorro marrón rápido salta sobre el perro perezoso. </p> <p> El zorro marrón rápido salta sobre el perro perezoso. </p> <p> El zorro marrón rápido salta sobre el perro perezoso. </p>
El color es una forma poderosa de transmitir la importancia del contenido, y Bootstrap proporciona convenientes clases de énfasis de texto establecidos:
<p> Malquido: este texto está atenuado. </p> <p> IMPORTANTE: lea las instrucciones cuidadosamente antes de proceder. </p> <p> éxito: su mensaje se ha enviado correctamente. </p> <p> nota: debe acordar los términos y condiciones para completar el proceso de registro. </p> <p> ADVERTENCIA: Hubo un problema con su conexión de red.
Las citas también han sido modificadas:
<LockQuote> <p> El mundo es un lugar peligroso para vivir; No por las personas que son malvadas, sino por las personas que no hacen nada al respecto. </p> <small> by <cite> Albert Einstein </cite> </small> </loCLOTE>
La clase es para referencias de alineación correcta.
Lo anterior es el conocimiento relevante sobre el diseño de las notas de estudio de Bootstrap3 (ii) presentadas por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!