بوٹسٹریپچیٹ شیٹ

RTL چیٹ شیٹ

مشمولات

نوع ٹائپ

دستاویزی

ڈسپلے 1

ڈسپلے 2

ڈسپلے 3

ڈسپلے 4

ڈسپلے 5

ڈسپلے 6

سرخی 1

سرخی 2

سرخی 3

سرخی 4

سرخی 5

سرخی 6

یہ ایک لیڈ پیراگراف ہے۔ یہ باقاعدہ پیراگراف سے الگ ہے۔

آپ مارک ٹیگ کو استعمال کر سکتے ہیں۔نمایاں کریںمتن

متن کی اس لائن کا مطلب حذف شدہ متن کے طور پر سمجھا جانا ہے۔

متن کی اس سطر کو اب درست نہیں سمجھا جانا ہے۔

متن کی اس سطر کو دستاویز میں اضافہ کے طور پر سمجھا جانا ہے۔

متن کی یہ لائن انڈر لائن کے مطابق رینڈر ہوگی۔

متن کی اس سطر کو ٹھیک پرنٹ کے طور پر سمجھا جانا ہے۔

یہ لائن بولڈ ٹیکسٹ کے طور پر پیش کی گئی ہے۔

اس لائن کو ترچھا متن کے طور پر پیش کیا گیا ہے۔

ایک معروف اقتباس، بلاک کوٹ عنصر میں شامل ہے۔

ماخذ کے عنوان میں مشہور کوئی
  • یہ ایک فہرست ہے۔
  • یہ مکمل طور پر غیر اسٹائل دکھائی دیتا ہے۔
  • ساختی طور پر، یہ اب بھی ایک فہرست ہے۔
  • تاہم، یہ انداز صرف بچوں کے فوری عناصر پر لاگو ہوتا ہے۔
  • گھریلو فہرستیں:
    • اس انداز سے متاثر نہیں ہیں۔
    • اب بھی ایک گولی دکھائے گا
    • اور مناسب بائیں مارجن ہے
  • یہ اب بھی کچھ حالات میں کام آ سکتا ہے۔
  • یہ ایک فہرست آئٹم ہے۔
  • اور ایک اور۔
  • لیکن وہ ان لائن دکھائے جاتے ہیں۔

امیجز

دستاویزی
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

میزیں

دستاویزی
# پہلا آخری ہینڈل
1 نشان اوٹو @mdo
2 جیکب تھورنٹن چربی
3 لیری برڈ ٹویٹر
# پہلا آخری ہینڈل
1 نشان اوٹو @mdo
2 جیکب تھورنٹن چربی
3 لیری برڈ ٹویٹر
کلاس سرخی سرخی
طے شدہ سیل سیل
پرائمری سیل سیل
ثانوی سیل سیل
کامیابی سیل سیل
خطرہ سیل سیل
وارننگ سیل سیل
معلومات سیل سیل
روشنی سیل سیل
اندھیرا سیل سیل
# پہلا آخری ہینڈل
1 نشان اوٹو @mdo
2 جیکب تھورنٹن چربی
3 لیری برڈ ٹویٹر

اعداد و شمار

دستاویزی
Placeholder 400x300
اوپر کی تصویر کے لیے ایک کیپشن۔

فارمز

جائزہ

دستاویزی
ہم آپ کی ای میل کو کبھی بھی کسی اور کے ساتھ شیئر نہیں کریں گے۔
ریڈیو کے بٹن

غیر فعال فارم

دستاویزی
غیر فعال ریڈیو بٹن

سائز کرنا

دستاویزی

ان پٹ گروپ

دستاویزی
@
@example.com
https://example.com/users/
$ .00
ٹیکسٹیریا کے ساتھ

توثیق

دستاویزی
اچھا لگ رہا ہے!
اچھا لگ رہا ہے!
@
براہ کرم ایک صارف نام منتخب کریں۔
براہ کرم ایک درست شہر فراہم کریں۔
براہ کرم ایک درست ریاست منتخب کریں۔
براہ کرم ایک درست زپ فراہم کریں۔
جمع کرانے سے پہلے آپ کو متفق ہونا ضروری ہے۔

اجزاء

ایکارڈین

دستاویزی

یہ پہلی آئٹم کا ایکارڈین باڈی ہے۔ یہ ڈیفالٹ کے طور پر پوشیدہ ہے، جب تک کہ کولپس پلگ ان مناسب کلاسز کو شامل نہیں کرتا ہے جسے ہم ہر عنصر کو اسٹائل کرنے کے لیے استعمال کرتے ہیں۔ یہ کلاسز مجموعی ظاہری شکل کے ساتھ ساتھ CSS ٹرانزیشن کے ذریعے دکھانے اور چھپنے کو بھی کنٹرول کرتی ہیں۔ آپ اپنی مرضی کے مطابق CSS یا ہمارے ڈیفالٹ متغیرات کو اوور رائیڈ کر کے اس میں سے کسی میں بھی ترمیم کر سکتے ہیں۔ یہ بات بھی قابل توجہ ہے کہ تقریباً کوئی بھی ایچ ٹی ایم ایل کے اندر جا سکتا ہے .accordion-body، حالانکہ منتقلی اوور فلو کو محدود کرتی ہے۔

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

یہ تیسری آئٹم کا ایکارڈین باڈی ہے۔ یہ ڈیفالٹ کے طور پر پوشیدہ ہے، جب تک کہ کولپس پلگ ان مناسب کلاسز کو شامل نہیں کرتا ہے جسے ہم ہر عنصر کو اسٹائل کرنے کے لیے استعمال کرتے ہیں۔ یہ کلاسز مجموعی ظاہری شکل کے ساتھ ساتھ CSS ٹرانزیشن کے ذریعے دکھانے اور چھپنے کو بھی کنٹرول کرتی ہیں۔ آپ اپنی مرضی کے مطابق CSS یا ہمارے ڈیفالٹ متغیرات کو اوور رائیڈ کر کے اس میں سے کسی میں بھی ترمیم کر سکتے ہیں۔ یہ بات بھی قابل توجہ ہے کہ تقریباً کوئی بھی ایچ ٹی ایم ایل کے اندر جا سکتا ہے .accordion-body، حالانکہ منتقلی اوور فلو کو محدود کرتی ہے۔

انتباہات

دستاویزی

مثال کی سرخینئی

مثال کی سرخینئی

مثال کی سرخینئی

مثال کی سرخینئی

مثال کی سرخینئی

مثال کی سرخینئی

مثال کی سرخینئی

مثال کی سرخینئی

پرائمری ثانوی کامیابی خطرہ وارننگ معلومات روشنی اندھیرا

کارڈ

دستاویزی
Placeholder Image cap
کارڈ کا عنوان

کارڈ کے عنوان پر بنانے اور کارڈ کے مواد کا بڑا حصہ بنانے کے لیے کچھ فوری مثال کے متن۔

کہیں جاؤ
نمایاں
کارڈ کا عنوان

کارڈ کے عنوان پر بنانے اور کارڈ کے مواد کا بڑا حصہ بنانے کے لیے کچھ فوری مثال کے متن۔

کہیں جاؤ
کارڈ کا عنوان

کارڈ کے عنوان پر بنانے اور کارڈ کے مواد کا بڑا حصہ بنانے کے لیے کچھ فوری مثال کے متن۔

  • ایک آئٹم
  • ایک دوسری چیز
  • تیسری چیز
Placeholder Image
کارڈ کا عنوان

یہ ایک وسیع کارڈ ہے جس میں ذیل میں معاون متن کے ساتھ اضافی مواد میں قدرتی لیڈ ان ہے۔ یہ مواد تھوڑا طویل ہے۔

آخری بار 3 منٹ پہلے اپ ڈیٹ کیا گیا۔

فہرست گروپ

دستاویزی
  • ایک معذور چیز
  • ایک دوسری چیز
  • تیسری چیز
  • چوتھی چیز
  • اور پانچواں
  • ایک آئٹم
  • ایک دوسری چیز
  • تیسری چیز
  • چوتھی چیز
  • اور پانچواں

پاپورز

دستاویزی

اسکرول اسپی

دستاویزی

پہلی سرخی

یہ scrollspy صفحہ کے لیے کچھ پلیس ہولڈر مواد ہے۔ نوٹ کریں کہ جیسے ہی آپ صفحہ نیچے سکرول کرتے ہیں، مناسب نیویگیشن لنک کو نمایاں کیا جاتا ہے۔ یہ پورے جزو کی مثال میں دہرایا جاتا ہے۔ اسکرولنگ اور ہائی لائٹنگ پر زور دینے کے لیے ہم یہاں کچھ اور مثال کاپی شامل کرتے رہتے ہیں۔

دوسری سرخی

یہ scrollspy صفحہ کے لیے کچھ پلیس ہولڈر مواد ہے۔ نوٹ کریں کہ جیسے ہی آپ صفحہ نیچے سکرول کرتے ہیں، مناسب نیویگیشن لنک کو نمایاں کیا جاتا ہے۔ یہ پورے جزو کی مثال میں دہرایا جاتا ہے۔ اسکرولنگ اور ہائی لائٹنگ پر زور دینے کے لیے ہم یہاں کچھ اور مثال کاپی شامل کرتے رہتے ہیں۔

تیسری سرخی

یہ scrollspy صفحہ کے لیے کچھ پلیس ہولڈر مواد ہے۔ نوٹ کریں کہ جیسے ہی آپ صفحہ نیچے سکرول کرتے ہیں، مناسب نیویگیشن لنک کو نمایاں کیا جاتا ہے۔ یہ پورے جزو کی مثال میں دہرایا جاتا ہے۔ اسکرولنگ اور ہائی لائٹنگ پر زور دینے کے لیے ہم یہاں کچھ اور مثال کاپی شامل کرتے رہتے ہیں۔

چوتھی سرخی ۔

یہ scrollspy صفحہ کے لیے کچھ پلیس ہولڈر مواد ہے۔ نوٹ کریں کہ جیسے ہی آپ صفحہ نیچے سکرول کرتے ہیں، مناسب نیویگیشن لنک کو نمایاں کیا جاتا ہے۔ یہ پورے جزو کی مثال میں دہرایا جاتا ہے۔ اسکرولنگ اور ہائی لائٹنگ پر زور دینے کے لیے ہم یہاں کچھ اور مثال کاپی شامل کرتے رہتے ہیں۔

پانچویں سرخی

یہ scrollspy صفحہ کے لیے کچھ پلیس ہولڈر مواد ہے۔ نوٹ کریں کہ جیسے ہی آپ صفحہ نیچے سکرول کرتے ہیں، مناسب نیویگیشن لنک کو نمایاں کیا جاتا ہے۔ یہ پورے جزو کی مثال میں دہرایا جاتا ہے۔ اسکرولنگ اور ہائی لائٹنگ پر زور دینے کے لیے ہم یہاں کچھ اور مثال کاپی شامل کرتے رہتے ہیں۔

اسپنرز

دستاویزی
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...
لوڈ ہو رہا ہے...

ٹوسٹس

دستاویزی

ٹول ٹپس

دستاویزی