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-wrapקלאַס.

דעם טעקסט זאָל ייַנוויקלען.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

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

דער טעקסט זאָל לויפן איבער די פאָטער.
<div class="text-nowrap bd-highlight" 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>

וואָרט ברעכן

פאַרהיטן לאַנג סטרינגס פון טעקסט פון ברייקינג דיין קאַמפּאָונאַנץ 'אויסלייג דורך ניצן .text-breakצו שטעלן overflow-wrap: break-word(און word-break: break-wordפֿאַר הייסט & עדזש קאַמפּאַטאַבילאַטי).

ממממממממממממממממממממממממממממממממממממממממממממממממממממממממממממם

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

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

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

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

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

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

<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-bolder">Bolder weight text (relative to the parent element).</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-weight-lighter">Lighter weight text (relative to the parent element).</p>
<p class="font-italic">Italic text.</p>

מאָנאָספּאַסע

טוישן אַ סעלעקציע צו אונדזער מאָנאָספּאַסע שריפֿט סטאַק מיט .text-monospace.

דאָס איז אין מאָנאָספּאַסע

<p class="text-monospace">This is in monospace</p>

באַשטעטיק קאָליר

באַשטעטיק אַ טעקסט אָדער לינק ס קאָליר מיט .text-reset, אַזוי אַז עס ינכעראַץ די קאָליר פון זיין פאָטער.

מיוטיד טעקסט מיט אַ באַשטעטיק לינק .

<p class="text-muted">
  Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>

טעקסט באַפּוצונג

אַראָפּנעמען אַ טעקסט באַפּוצונג מיט אַ .text-decoration-noneקלאַס.

<a href="#" class="text-decoration-none">Non-underlined link</a>