Im vorherigen Artikel habe ich das Gittersystem von Bootstrap3 -Studiennotizen vorgestellt (1)
Für Titel hat Bootstrap den Stil von H1-H6 geändert. Wenn Sie einen Untertitel benötigen, können Sie auch kleine Tags darin verwenden.
<h1> H1. Bootstrap -Überschrift <kleiner> Sekundärtext </small> </h1> <h2> H2. Bootstrap -Überschrift <kleiner> Sekundärtext </small> </h2> <h3> H3. Bootstrap -Überschrift <kleiner> Sekundärtext </small> </h3> <h4> h4. Bootstrap -Überschrift <kleiner> Sekundärtext </small> </h4> <h5> H5. Bootstrap -Überschrift <kleiner> Sekundärtext </small> </h5> <h6>
Wenn es auf der Seite ein H1 gibt, das einzigartig sein muss, können Sie ihn in einen Div-Stil als "Seitenübergang" aufnehmen.
<div> <h1> Twitter Bootstrap <klein> Ein intuitives Front-End-Framework </small> </h1> </div>
Bootstrap -Standard -Schriftgröße beträgt 14px, die Leitungshöhe 1,428, Absatzabstand 10px. Wenn ein Absatz auffälliger sein muss, gibt es eine "Lead" -Klasse
Mit der Textklasse können Sie die horizontale Ausrichtung des Textes problemlos festlegen
<p> links ausgerichteter Text. </p> <p> Mittel ausgerichtete Text.
Textformat -Tags in HTML können in Bootstrap verwendet werden
<p> <b> Dies ist ein fettem Text </b> </p> <p> <big> Dies ist ein großer Text </big> </p> <p> <code> Dies ist Computercode </code> </p> <p> <em> Dies wird betont Text </em> </p> <i> Dies ist italischer Text </i> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> Text </mark> </p> <p> <klein> Dies ist ein kleiner Text </small> </p> <p> <strong> Dies wird stark betont Text </strong> </p> <p> Dies ist <sub> -Andeal </sub> und <sup> superskript </sup> <p> <P> <P> <P> <P> <P> <in <in <Stars. Dieser Text wird aus dem Dokument eingefügt. Dokument </del> </p>
Die Schreiben -Formatkonvertierungsklasse kann die erforderliche Konvertierung gut ausführen:
<p> Der schnelle braune Fuchs springt über den faulen Hund. </p> <p> Der schnelle braune Fuchs springt über den faulen Hund.
Farbe ist eine leistungsstarke Methode, um die Bedeutung von Inhalten zu vermitteln, und Bootstrap bietet bequeme Set -Text -Schwerpunkte:
<p> gedämpft: Dieser Text ist grau aus.
Die Zitate wurden ebenfalls geändert:
<blockquote> <p> Die Welt ist ein gefährlicher Ort zum Leben; Nicht wegen der Menschen, die böse sind, sondern wegen der Menschen, die nichts dagegen tun.
Die Klasse ist für rechtsgerichtete Referenzen gedacht.
Das obige ist das relevante Wissen über das Layout von Bootstrap3 -Studiennotizen (ii), das Ihnen vom Herausgeber vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!