No artigo anterior, introduzi o sistema de grade de Bootstrap3 Notes (1)
Para títulos, o Bootstrap modificou o estilo de H1-H6. Se você precisar de uma legenda, também pode usar pequenas tags.
<H1> H1. Cabeça de Bootstrap <small> Texto secundário </mall> </h1> <h2> h2. Cabeça de Bootstrap <small> Texto secundário </mall> </h2> <h3> h3. Cabeça de Bootstrap <small> Texto secundário </mall> </h3> <h4> h4. Cabeça de Bootstrap <small> Texto secundário </mall> </h4> <h5> h5. Bootstrap Heading <small> Texto secundário </mall> </h5> <h6>
Se houver um H1 na página que precise ser exclusivo, você poderá incluí-lo em uma divisão como "cabeçalho da página".
<div> <h1> Twitter Bootstrap <small> Uma estrutura de front-end intuitiva </mall> </h1> </div>
O tamanho da fonte padrão do bootstrap é 14px, a altura da linha é de 1,428, o espaçamento do parágrafo é 10px. Se um parágrafo precisar ser mais atraente, existe uma classe 'líder'
Usando a classe Text-*, você pode definir facilmente o alinhamento horizontal do texto
<p> Texto alinhado esquerdo. </p> <p> Texto alinhado central. </p> <p> Texto alinhado direito.
Tags de formato de texto em html podem ser usadas no bootstrap
<p> <b> Este é um texto em negrito </b> </p> <p> <bd>, este é um grande texto </big> </p> <p> <code> Este é o código do computador </code> </p> <p> <em> Isso é enfatizado text </em> </p> <p> <i> Este é o texto ital. Texto </mark> </p> <p> <mmall> Este é um texto pequeno </mall> </p> <p> <strong> Este é fortemente enfatizado o texto </strong> </p> <p> Este é <Suge> Subscrito </subd> this Delt> Delp Document </inscred </sup> </p> <p> <inst> Documento </el> </p>
A classe de conversão de formato de letra pode executar o poço de conversão necessário:
<p> A rápida raposa marrom pula sobre o cachorro preguiçoso. </p> <p> A raposa marrom rápida pula sobre o cachorro preguiçoso.
A cor é uma maneira poderosa de transmitir a importância do conteúdo, e o Bootstrap fornece aulas convenientes de ênfase em texto:
<p> Suted: Este texto está acinzentado.
As citações também foram modificadas:
<lockquote> <p> O mundo é um lugar perigoso para se viver; Não por causa das pessoas que são más, mas por causa das pessoas que não fazem nada a respeito.
A classe é para referências de alinhamento certo.
O exposto acima é o conhecimento relevante sobre o layout das notas de estudo do bootstrap3 (ii) introduzidas a você pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!