Source

טעקסט

דאַקיומענטיישאַן און ביישפילן פֿאַר פּראָסט טעקסט יוטילאַטיז צו קאָנטראָלירן אַליינמאַנט, ראַפּינג, וואָג און מער.

טעקסט אַליינמאַנט

לייכט ריאַלייז טעקסט צו קאַמפּאָונאַנץ מיט טעקסט אַליינמאַנט קלאסן.

אַמביציעס דעדאַס סקריפּס וויסנשאַפט. Cras mattis iudicium purus sit amet fermentum. דאָנעק סעד אָדיאָו אָפּעראַ, eu vulputate felis rhoncus. פּרעטערעאַ יטער איז קוואַסדאַם רע קוואַס עקס קאָמוני. אין קיין פאַל, נאָך אַפראָווס. פּעטיערונט וטי סיבי קאָנסיליום טאָטיוס Galliae אין די סערטאַמאַטיק ינדאַקיישאַנז. Cras mattis iudicium purus sit amet fermentum.

<p class="text-justify">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>

פֿאַר לינקס, רעכט און צענטער אַליינמאַנט, אָפּרופיק קלאסן זענען בנימצא וואָס נוצן די זעלבע וויופּאָרט ברייט ברעאַקפּאָינץ ווי די גריד סיסטעם.

לינקס אַליינד טעקסט אויף אַלע וויופּאָרט סיזעס.

צענטער אַליינד טעקסט אויף אַלע וויופּאָרט סיזעס.

רעכט אַליינד טעקסט אויף אַלע וויופּאָרט סיזעס.

לינקס אַליינד טעקסט אויף וויופּאָרט סייזד SM (קליין) אָדער ברייט.

לינקס אַליינד טעקסט אויף וויופּאָרט סייזד מד (מיטל) אָדער ברייט.

לינקס אַליינד טעקסט אויף וויופּאָרט סייזד LG (גרויס) אָדער ברייט.

לינקס אַליינד טעקסט אויף וויופּאָרט סייזד קסל (עקסטרע-גרויס) אָדער ברייט.

<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>

<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>

טעקסט ראַפּינג און לויפן

פאַרהיטן טעקסט פון ראַפּינג מיט אַ .text-nowrapקלאַס.

דער טעקסט זאָל לויפן איבער די פאָטער.
<div class="text-nowrap" style="width: 8rem;">
  This text should overflow the parent.
</div>

פֿאַר מער אינהאַלט, איר קענען לייגן אַ .text-truncateקלאַס צו טרונקייט דעם טעקסט מיט אַן עלליפּסיס. ריקוויירז display: inline-blockאָדער display: block.

פּרעטערעאַ יטער איז קוואַסדאַם רע קוואַס עקס קאָמוני.
פּרעטערעאַ יטער איז קוואַסדאַם רע קוואַס עקס קאָמוני.
<!-- Block level -->
<div class="row">
  <div class="col-2 text-truncate">
    Praeterea iter est quasdam res quas ex communi.
  </div>
</div>

<!-- Inline level -->
<span class="d-inline-block text-truncate" style="max-width: 150px;">
  Praeterea iter est quasdam res quas ex communi.
</span>

טעקסט יבערמאַכן

יבערמאַכן טעקסט אין קאַמפּאָונאַנץ מיט טעקסט קאַפּיטאַליזיישאַן קלאסן.

נידעריקער טעקסט.

הויכער טעקסט.

קאַפּיטאַליזעד טעקסט.

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

באַמערקונג ווי text-capitalizeבלויז ענדערונגען דער ערשטער בריוו פון יעדער וואָרט, און לאָזן די פאַל פון קיין אנדערע אותיות אַנאַפעקטיד.

שריפֿט וואָג און ייטאַליקס

געשווינד טוישן די וואָג (מוטיקייט) פון טעקסט אָדער ייטאַלייזד טעקסט.

דרייסט טעקסט.

נאָרמאַל וואָג טעקסט.

ליכט וואָג טעקסט.

ייטאַליק טעקסט.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-italic">Italic text.</p>