Dans l'article précédent, j'ai introduit le système de grille des notes d'étude Bootstrap3 (1)
Pour les titres, Bootstrap a modifié le style de H1 - H6. Si vous avez besoin d'un sous-titre, vous pouvez également y utiliser de petites balises.
<h1> H1. En-tête bootstrap <small> Texte secondaire </small> </h1> <h2> H2. En-tête bootstrap <small> Texte secondaire </small> </h2> <h3> H3. En-tête bootstrap <small> Texte secondaire </small> </h3> <h4> H4. En-tête bootstrap <small> Texte secondaire </small> </h4> <h5> H5. En-tête bootstrap <small> Texte secondaire </small> </h5> <h6>
S'il y a un H1 dans la page qui doit être unique, vous pouvez l'inclure dans une division comme "leader de page".
<div> <h1> Twitter bootstrap <small> un cadre intuitif frontal </small> </h1> </div>
La taille de la police par défaut de bootstrap est de 14px, la hauteur de la ligne est de 1,428, l'espacement des paragraphes est de 10px. Si un paragraphe doit être plus accrocheur, il y a une classe «plomb»
À l'aide de la classe Text- *, vous pouvez facilement définir l'alignement horizontal du texte
<p> Texte aligné gauche. </p> <p> Texte aligné du centre. </p> <p>
Les balises de format de texte en HTML peuvent être utilisées dans Bootstrap
<p> <b> Ceci est un texte gras </b> </p> <p> <big> Ceci est le grand texte </big> </p> <p> <code> Ceci est le code informatique </code> </p> <p> <em> Cet texte est mis en valeur </em> </p> <p> <i>. Texte </cark> </p> <p> <small> Ceci est un petit texte </small> </p> <p> <strong> Cet texte fortement souligné </strong> </p> <p> Ceci est <sub> Document </del> </p>
La classe de conversion de format de lettre peut bien effectuer la conversion requise:
<p> Le renard brun rapide saute par-dessus le chien paresseux. </p> <p> Le renard brun rapide saute par-dessus le chien paresseux. </p> <p> Le renard brun rapide saute par-dessus le chien paresseux. </p>
La couleur est un moyen puissant de transmettre l'importance du contenu, et Bootstrap fournit des classes de text de jeu de jeu pratique:
<p> Moidé: Ce texte est grisé. </p> <p> Important: Veuillez lire attentivement les instructions avant de poursuivre. </p> <p> Succès: Votre message a été envoyé avec succès. </p> <p> Remarque: vous devez être d'accord avec les conditions et les conditions pour terminer le processus d'inscription. </p> <p> AVERTISSEMENT: Il y a eu un problème avec votre connexion réseau.
Les citations ont également été modifiées:
<LOCKQUOTE> <p> Le monde est un endroit dangereux pour vivre; Pas à cause des gens qui sont mauvais, mais à cause des gens qui n'en font rien. </p> <small> par <cite> Albert Einstein </cite> </small> </lockquote>
La classe est pour les références à droite.
Ce qui précède est la connaissance pertinente de la disposition des notes d'étude Bootstrap3 (ii) qui vous sont présentées par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!