بوت اسٹرپ 5 متن/ترتیب

Bootstrap 5 默认设置

Bootstrap 5 默认 font-size 为 1rem（默认为 16px），line-height 为 1.5。

此外，所有

元素都设置了 margin-top: 0 <mark> margin-bottom: 1rem （默认为 16px）。

-

Bootstrap 5 把 HTML 标题（

سے
）的样式设置为有更粗的 font-weight 以及响应式的 font-size。

مثال

نو خود سائیں کوشش کریں

如果需要，您还可以在其他元素上使用 .h1 سے .h6 类，使它们表现为标题：

مثال

h1 Bootstrap heading


h2 Bootstrap heading


h3 Bootstrap heading


h4 Bootstrap heading


h5 Bootstrap heading


h6 Bootstrap heading

نو خود سائیں کوشش کریں

display 标题

display 标题用于比普通标题更突出（更大的 font-size 和更细的 font-weight），有六个类可供选择：.display-1 سے .display-6:

مثال

نو خود سائیں کوشش کریں

<small>

Bootstrap 5 میں، HTML <small> عنصر (اور .small کا تارحیل میں چھوٹی مدد دینے والی لسانیات بنانے کے لئے استعمال کیا جاتا ہے:

مثال

نو خود سائیں کوشش کریں

بوتسٹر 5 کو زرد پس منظر اور کچھ انداز کی داخلی پرتگیبیت کا استعمال کریگا تاکہ قائم کیا جائے:

Bootstrap 5 将使用黄色背景颜色和一些内边距来设置 بوتسٹر 5 کو زرد پس منظر اور کچھ انداز کی داخلی پرتگیبیت کا استعمال کریگا تاکہ قائم کیا جائے: <mark> اور .mark

مثال

نو خود سائیں کوشش کریں

<abbr>

بوتسٹر 5 کا ایچ ٹی ایم ال کو درج ذیل طریقے سے قائم کرے گا: <abbr> عناصر کا انداز کو پائیدار دال کی چمکدار حاشیہ اور سوال کی نشانگا کا کورسار کی جگہ پر بنایا جاتا ہے:

مثال

نو خود سائیں کوشش کریں

<blockquote>

جب کسی دیگر منشا کا مواد کا بلاک کو کسی جگہ استعمال کیا جاتا ہے تو، .blockquote کلاس کو دوبارہ استعمال کریں، <blockquote>جب کسی کی منشا کا نام لگایا جاتا ہے، مثلاً 'عالمی طبیعی فنڈ کی ویب سائٹ سے آیا' تو اس کا نام لگایا جائے، .blockquote-footer کلاس:

مثال

نو خود سائیں کوشش کریں

<dl>

بوتسٹر 5 کا ایچ ٹی ایم ال کو درج ذیل طریقے سے قائم کرے گا: <dl> عنصر کا انداز:

مثال

نو خود سائیں کوشش کریں

<code>

بوتسٹر 5 کا ایچ ٹی ایم ال کو درج ذیل طریقے سے قائم کرے گا: <code> عنصر کا انداز:

مثال

نو خود سائیں کوشش کریں

<kbd>

بوتسٹر 5 کا ایچ ٹی ایم ال کو درج ذیل طریقے سے قائم کرے گا: <kbd> عنصر کا انداز:

مثال

نو خود سائیں کوشش کریں

<pre>

بوتسٹر 5 کا ایچ ٹی ایم ال کو درج ذیل طریقے سے قائم کرے گا: <pre> عنصر کا انداز:

مثال

نو خود سائیں کوشش کریں

بیشتر پیمانہ کلاس

درج ذیل بوتسٹر 5 کلاس کو ایچ ٹی ایم ال عناصر کی انداز میں مزید اضافہ کیاجاسکتا ہے:

کلاس وصف مثال
.lead پاراگراف کو بول کی طرح بنایا جاتا ہے۔ کوشش کریں
.text-left متن کو بائیں سمت میں سجایا جاتا ہے۔ کوشش کریں
.text-break طویل متن کو نمٹنے کی روک تھام کرتی ہے۔ کوشش کریں
.text-center متن کو مرکزی سمت میں سجایا جاتا ہے۔ کوشش کریں
.text-decoration-none لینک میں نیچلائیں نکال دی جاتی ہیں۔ کوشش کریں
.text-end متن کو دائیں سمت میں سجایا جاتا ہے۔ کوشش کریں
.text-nowrap متن کو نا بندھا رکھتا ہے۔ کوشش کریں
.text-lowercase چھوٹی حروف کا متن مقرر کرتا ہے۔ کوشش کریں
.text-uppercase بزرگ حروف کا متن مقرر کرتا ہے۔ کوشش کریں
.text-capitalize بزرگ حروف کا متن مقرر کرتا ہے۔ کوشش کریں
.initialism <abbr> عناصر کے اندر کا متن کو کچھ چھوٹا انداز میں دکھایا جاتا ہے۔ کوشش کریں
.list-unstyled فہرست آئٹمز کا میل انداز اور چُپائی کا بروئے کار نکالنا، (یہ <ul> اور <ol> کے لیے استعمال کیا جاتا ہے)۔
یہ آئٹم صرف براہ راست مستحکم فہرست آئٹمز کے لیے ہی استعمال کیا جاتا ہے۔
کسی مستحکم فہرست میں میل فہرست کا انداز نکالنا چاہئے تو اسے مستحکم فہرست پر بھی ایسا ہی لاگو کریں۔		 کوشش کریں
.list-inline تمام فہرست آئٹمز کو ایک سطر میں رکھیں۔
کسی <li> عناصر پر .list-inline-item کے ساتھ استعمال کریں。		 کوشش کریں