مرکزی مواد پر جائیں۔
بوٹسٹریپ 4 کا ایک نیا ورژن ہے!

مثالیں

فریم ورک کے حصوں کے استعمال سے لے کر حسب ضرورت اجزاء اور لے آؤٹ تک ہماری کسی بھی مثال کے ساتھ فوری طور پر ایک پروجیکٹ شروع کریں۔

سورس کوڈ ڈاؤن لوڈ کریں۔

اپنی مرضی کے اجزاء

لوگوں کو بوٹسٹریپ کے ساتھ جلدی شروع کرنے میں مدد کرنے اور فریم ورک میں شامل کرنے کے لیے بہترین طریقوں کا مظاہرہ کرنے کے لیے بالکل نئے اجزاء اور ٹیمپلیٹس۔

البم کا اسکرین شاٹ
البم

فوٹو گیلریوں، پورٹ فولیوز اور مزید کے لیے ایک صفحے کا سادہ ٹیمپلیٹ۔

قیمت کا اسکرین شاٹ
قیمتوں کا تعین

مثال کے طور پر قیمتوں کا تعین کرنے والا صفحہ کارڈز کے ساتھ بنایا گیا ہے اور اس میں حسب ضرورت ہیڈر اور فوٹر شامل ہیں۔

چیک آؤٹ اسکرین شاٹ
اس کو دیکھو

حسب ضرورت چیک آؤٹ فارم ہمارے فارم کے اجزاء اور ان کی توثیق کی خصوصیات کو ظاہر کرتا ہے۔

پروڈکٹ کا اسکرین شاٹ
پروڈکٹ

وسیع گرڈ اور تصویری کام کے ساتھ دبلی پتلی پروڈکٹ پر مرکوز مارکیٹنگ کا صفحہ۔

کور اسکرین شاٹ
ڈھانپنا

سادہ اور خوبصورت ہوم پیجز بنانے کے لیے ایک صفحے کا ٹیمپلیٹ۔

Carousel اسکرین شاٹ
Carousel

navbar اور carousel کو حسب ضرورت بنائیں، پھر کچھ نئے اجزاء شامل کریں۔

بلاگ کا اسکرین شاٹ
بلاگ

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

ڈیش بورڈ اسکرین شاٹ
ڈیش بورڈ

فکسڈ سائڈبار اور نیوبار کے ساتھ بنیادی ایڈمن ڈیش بورڈ شیل۔

سائن ان اسکرین شاٹ
سائن ان

سادہ سائن ان فارم کے لیے حسب ضرورت فارم لے آؤٹ اور ڈیزائن۔

چسپاں فوٹر اسکرین شاٹ
چسپاں فوٹر

صفحہ کا مواد چھوٹا ہونے پر ویو پورٹ کے نیچے فوٹر منسلک کریں۔

چسپاں فوٹر نوبار اسکرین شاٹ
چسپاں فوٹر navbar

فکسڈ ٹاپ نیوبار کے ساتھ ویو پورٹ کے نیچے ایک فوٹر منسلک کریں۔

فریم ورک

وہ مثالیں جو بوٹسٹریپ کے ذریعے فراہم کردہ بلٹ ان اجزاء کے استعمال پر توجہ مرکوز کرتی ہیں۔

اسٹارٹر ٹیمپلیٹ اسکرین شاٹ
سٹارٹر ٹیمپلیٹ

بنیادی باتوں کے علاوہ کچھ نہیں: مرتب شدہ CSS اور JavaScript۔

گرڈ اسکرین شاٹ
گرڈ

چاروں درجوں، نیسٹنگ اور مزید کے ساتھ گرڈ لے آؤٹ کی متعدد مثالیں۔

جمبوٹرون اسکرین شاٹ
جمبوٹرون

نیوبار اور کچھ بنیادی گرڈ کالموں کے ساتھ جمبوٹرون کے ارد گرد بنائیں۔

نوبارس

ڈیفالٹ navbar جزو کو لے کر اور یہ دکھا رہا ہے کہ اسے کس طرح منتقل، رکھا اور بڑھایا جا سکتا ہے۔

Navbars اسکرین شاٹ
نوبارس

navbar کے لیے تمام ریسپانسیو اور کنٹینر آپشنز کا مظاہرہ۔

Navbar جامد اسکرین شاٹ
نوبار جامد

کچھ اضافی مواد کے ساتھ ایک جامد ٹاپ navbar کی واحد navbar مثال۔

Navbar فکسڈ اسکرین شاٹ
نوبار فکسڈ

کچھ اضافی مواد کے ساتھ ایک فکسڈ ٹاپ navbar کے ساتھ سنگل navbar کی مثال۔

Navbar نیچے اسکرین شاٹ
نوبار نیچے

کچھ اضافی مواد کے ساتھ نیچے navbar کے ساتھ سنگل navbar کی مثال۔

تجربات

ایسی مثالیں جو مستقبل کے لیے موزوں خصوصیات یا تکنیکوں پر مرکوز ہوں۔

فلوٹنگ لیبلز کا اسکرین شاٹ
تیرتے لیبلز

آپ کے ان پٹس پر تیرتے لیبلز کے ساتھ خوبصورتی سے آسان فارم۔

آف کینوس اسکرین شاٹ
آف کینوس

اپنے قابل توسیع نیوبار کو سلائیڈنگ آف کینوس مینو میں تبدیل کریں۔