رفتن به محتوای اصلی
نسخه جدیدتری از Bootstrap 4 وجود دارد!

مثال ها

به سرعت یک پروژه را با هر یک از مثال های ما شروع کنید، از استفاده از بخش هایی از چارچوب گرفته تا اجزای سفارشی و طرح بندی.

کد منبع را دانلود کنید

اجزای سفارشی

کامپوننت ها و قالب های کاملاً جدید برای کمک به مردم برای شروع سریع بوت استرپ و نشان دادن بهترین شیوه ها برای افزودن به چارچوب.

اسکرین شات آلبوم
آلبوم

الگوی ساده یک صفحه ای برای گالری عکس، نمونه کارها و موارد دیگر.

اسکرین شات قیمت
قیمت گذاری

نمونه صفحه قیمت‌گذاری که با کارت‌ها ساخته شده و دارای سرصفحه و پاورقی سفارشی است.

بررسی صفحه نمایش
وارسی

فرم تسویه حساب سفارشی که اجزای فرم ما و ویژگی های اعتبارسنجی آنها را نشان می دهد.

اسکرین شات محصول
تولید - محصول

صفحه بازاریابی متمرکز بر محصول ناب با شبکه گسترده و کار تصویری.

اسکرین شات جلد
پوشش دادن

قالبی تک صفحه ای برای ساخت صفحات اصلی ساده و زیبا.

اسکرین شات چرخ فلک
چرخ فلک

نوار ناوبری و چرخ فلک را سفارشی کنید، سپس چند مؤلفه جدید اضافه کنید.

اسکرین شات وبلاگ
وبلاگ

مجله مانند قالب وبلاگ با هدر، ناوبری، محتوای ویژه.

اسکرین شات داشبورد
داشبورد

پوسته داشبورد مدیریت پایه با نوار کناری و نوار ناوبری ثابت.

اسکرین شات ورود به سیستم
ورود

طرح و طراحی فرم سفارشی برای یک علامت ساده در فرم.

اسکرین شات پاورقی چسبنده
پاورقی چسبناک

هنگامی که محتوای صفحه کوتاه است، یک پاورقی را به پایین درگاه مشاهده وصل کنید.

عکس صفحه نوار ناوبری پاورقی چسبنده
نوار ناوبری پاورقی چسبنده

با یک نوار ناوبری ثابت بالا، پاورقی را به پایین درگاه دید وصل کنید.

چارچوب

نمونه هایی که بر پیاده سازی استفاده از اجزای داخلی ارائه شده توسط بوت استرپ تمرکز دارند.

اسکرین شات قالب استارتر
قالب استارتر

هیچ چیز جز اصول اولیه: CSS کامپایل شده و جاوا اسکریپت.

اسکرین شات شبکه
توری

نمونه‌های متعددی از طرح‌بندی شبکه‌ای با هر چهار ردیف، تودرتو و موارد دیگر.

اسکرین شات Jumbotron
جامبوترون

اطراف جمبوترون را با یک نوار ناوبری و چند ستون اصلی شبکه بسازید.

گرفتن مولفه پیش فرض نوار ناوبری و نشان دادن نحوه جابجایی، قرار دادن و گسترش آن.

اسکرین شات نوارهای ناوبری
نوارهای ناوبری

نمایش تمام گزینه های پاسخگو و کانتینر برای نوار ناوبری.

اسکرین شات ثابت نوار ناوبری
Navbar ایستا

نمونه نوار ناوبری منفرد از نوار ناوبری بالا ثابت به همراه برخی محتوای اضافی.

اسکرین شات نوار ناوبر ثابت شد
نوار ناوبری ثابت شد

نمونه نوار ناوبری منفرد با نوار ناوبری بالا ثابت همراه با برخی محتوای اضافی.

اسکرین شات پایین نوار ناوبری
نوار نوار پایین

نمونه نوار ناوبری منفرد با نوار ناوبری پایین به همراه برخی محتوای اضافی.

آزمایش

نمونه هایی که بر ویژگی ها یا تکنیک های آینده پسند تمرکز دارند.

اسکرین شات برچسب های شناور
برچسب های شناور

فرم های زیبا و ساده با برچسب های شناور روی ورودی های شما.

اسکرین شات Offcanvas
آف بوم

نوار ناوبری قابل ارتقا خود را به یک منوی کشویی خارج از کانواس تبدیل کنید.