نوع ٹائپ

1 سرخی

2 سرخی

3 سرخی

4 سرخی

5 سرخی

6 سرخی

1 ڈسپلے کریں

2 ڈسپلے کریں

3 ڈسپلے کریں

4 ڈسپلے کریں

5 ڈسپلے کریں

6 ڈسپلے کریں

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

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

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

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

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

متن کی یہ لائن انڈر لائن کی طرح رینڈر ہوگی۔

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

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

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

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

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

تصاویر

پلیس ہولڈرقبول تصویر
ایک عام مربع پلیس ہولڈر تصویر جس کے چاروں طرف سفید بارڈر ہے، جس سے یہ پرانے فوری کیمرے سے لی گئی تصویر سے مشابہت رکھتا ہے۔200 × 200

میزیں

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

اعداد و شمار

دستاویزی
پلیس ہولڈر400 × 300
اوپر کی تصویر کے لیے ایک کیپشن۔

اجزاء

Accordion

دستاویزی

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

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

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

تنبیہات سب

دستاویزی

بیج

دستاویزی

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

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

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

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

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

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

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

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

پرائمری سیکنڈری کامیابی خطرہ انتباہ انفارمیشن ہلکی گہرا

بٹن

دستاویزی

کارڈ

دستاویزی
پلیس ہولڈرتصویری ٹوپی
کارڈ کا عنوان

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

کہیں جاو
فیچرڈ
کارڈ کا عنوان

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

کہیں جاو
2 دن پہلے
کارڈ کا عنوان

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

  • ایک آئٹم
  • ایک دوسری چیز
  • تیسری چیز
کارڈ لنک ایک اور لنک
پلیس ہولڈرتصویر
کارڈ کا عنوان

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

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

فہرست گروپ

دستاویزی

پوپ اوور

دستاویزی

اسکرول اسپی

دستاویزی

پہلی سرخی

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

دوسری سرخی

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

تیسری سرخی

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

چوتھی سرخی ۔

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

پانچویں سرخی

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

اسپنرز۔

دستاویزی

دانت

دستاویزی

Tooltips

دستاویزی