بوت اسپرینگ 5 لفظ/تدوین

Bootstrap 5 ਮੂਲ ਰੂਪ ਵਿੱਚ

Bootstrap 5 ਮੂਲ ਰੂਪ ਵਿੱਚ Bootstrap 5 ਮੂਲ ਰੂਪ ਵਿੱਚ font-sizeਮੂਲ ਰੂਪ ਵਿੱਚ 1.5 ਹੈ。 line-height

ਇਲਾਵਾ ਸਾਰੇ <p> ਏਲੀਮੈਂਟ ਸਾਰੇ margin-top: 0 اور margin-bottom: 1rem )(ਮੂਲ ਰੂਪ ਵਿੱਚ 16px ਹੈ)。

<h1> - <h6>

Bootstrap 5 ਵਿੱਚ HTML ਸਿਰਲੇਖ (<h1> ਤੋਂ <h6>)(ਕਲਾਸ ਦਾ ਰੰਗ ਹੋਰ ਮੁਸਕਾਨਾ ਹੁੰਦਾ ਹੈ ਅਤੇ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਹੋਏ font-size ਹੁੰਦਾ ਹੈ。

مثال

اپنے آپ پر تجربہ کریں

ਜੇਕਰ ਜ਼ਰੂਰਤ ਹੈ ਤਾਂ ਤੁਸੀਂ ਹੋਰ ਏਲੀਮੈਂਟਾਂ 'ਤੇ ਵੀ ਇਸ ਕਲਾਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜਿਸ ਦਾ ਰੰਗ ਹੋਰ ਮੁਸਕਾਨਾ ਹੁੰਦਾ ਹੈ ਅਤੇ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਹੋਏ font-size ਹੁੰਦਾ ਹੈ。 .h1 ਤੋਂ .h6 ਕਲਾਸ ਨੂੰ ਸਿਰਲੇਖ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ:

مثال

<p class="h1">h1 Bootstrap ਸਿਰਲੇਖ</p>
<p class="h2">h2 Bootstrap ਸਿਰਲੇਖ</p>
<p class="h3">h3 Bootstrap ਸਿਰਲੇਖ</p>
<p class="h4">h4 Bootstrap ਸਿਰਲੇਖ</p>
<p class="h5">h5 Bootstrap ਸਿਰਲੇਖ</p>
<p class="h6">h6 Bootstrap ਸਿਰਲੇਖ</p>

اپنے آپ پر تجربہ کریں

display ਸਿਰਲੇਖ

display ਸਿਰਲੇਖ ਆਮ ਸਿਰਲੇਖ ਤੋਂ ਅਧਿਕ ਬਹੁਤ ਹੀ ਬਹੁਤ ਹੀ ਵਧੇ ਹੋਏ font-size ਅਤੇ ਉਤਕ੍ਰਿਸ਼ਟ ਹੋਏ font-weight) ਵਾਲੇ ਹਨ, ਛੇ ਵਿਭਾਗ ਉਪਲੱਬਧ ਹਨ:.display-1 ਤੋਂ .display-6:

مثال

اپنے آپ پر تجربہ کریں

<small>

Bootstrap 5 ਵਿੱਚ HTML <small> ਏਲੀਮੈਂਟ (ਅਤੇ .small ਕੋਈ ਛੋਟਾ ਸਹਾਇਕ ਟੈਕਸਟ ਕਰਨ ਲਈ ਕੇਂਦਰੀ ਮੁੱਦੇ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ:

مثال

اپنے آپ پر تجربہ کریں

<mark>

بریوزر 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-capitalize بڑی لکتیب کا شمار کریں。 کوشش کریں
.initialism <abbr> عناصر کے اندر کا متن کو کچھ چھوٹا دکھایا جائیں گا。 کوشش کریں
.list-unstyled فہرست آئٹمز کا پیش نمائش کی فہرست اور بائیں باہری حاشیہ حذف کریں (برائی <ul> اور <ol> کے لئے مفید ہوتا ہے)。
یہ کلاس صرف براہ راست ناستی فہرست آئٹمز کے لئے ہوتی ہے。
کسی بھی ناستی فہرست میں پیش نمائش کی فہرست کا نمونہ حذف کرنا چاہئیے تو اس کو ناستی فہرست پر بھی استعمال کریں。		 کوشش کریں
.list-inline تمام فہرست آئٹمز کو ایک ساتھ پانچایا جائیں。
کسی <li> عناصر پر .list-inline-item کے ساتھ استعمال کریں。		 کوشش کریں