آموزش بوت استرپ ۴

Main Page Tutorial
موارد آموزشی
۱	خانه
۲	شروع
۳	ظرف‌ها
۴	شبکه‌بندی پایه
۵	تایپوگرافی
۶	رنگ‌ها
۷	جدول‌ها
۸	تصاویر
۹	جامبوترون
۱۰	هشدارها
۱۱	کلیدها
۱۲	گروه‌های کلید
۱۳	نشان‌ها (Badges)
۱۴	نوارهای پیشرفت
۱۵	Spinnerها
۱۶	صفحه‌بندی
۱۷	گروه‌های لیست
۱۸	کارت‌ها
۱۹	منوهای کرکره‌ای
۲۰	Collapse
۲۱	Navها
۲۲	Navbar
۲۳	فرم‌ها
۲۴	ورودی‌ها
۲۵	گروه‌های ورودی
۲۶	فرم‌های سفارشی
۲۷	Carousel
۲۸	Modal
۲۹	راهنمای ابزار
۳۰	Popover
۳۱	Toast
۳۲	Scrollspy
۳۳	امکانات
۳۴	Flex
۳۵	آیکن‌ها
۳۶	Media Objects
۳۷	فیلترها
شبکه‌بندی
Theme
مرجع

بوت استرپ ۴ جدیدترین نسخه بوت استرپ است، که معروفترین چارچوب Framework ,HTML ,CSS و JavaScript است را برای توسعه وب‌سایت‌های واکنش گرا و Mobile-first است.

استفاده و دانلود بوت استرپ ۴ کاملاً رایگان است!

همین حالا آموزش بوت استرپ را شروع کن»

با مثال‌های خود آن را امتحان کنید

آموزش بوت استرپ ۴ دارای صدها مثال از بوت استرپ ۴ است.

با استفاده از ویرایشگر (به انگلیسی: Editor) آنلاین ما، شما می‌توانید کد را تغییر داده و برای مشاهدهٔ نتیجه برروی یک کلید کلیک کنید.

• 

مثال بوت استرپ ۴

 1 <div class="jumbotron text-center">
 2   <h1>My First Bootstrap Page</h1>
 3   <p>Resize this responsive page to see the effect!</p>
 4 </div>
 5 
 6 <div class="container">
 7   <div class="row">
 8     <div class="col-sm-4">
 9       <h3>Column 1</h3>
10       <p>Lorem ipsum dolor..</p>
11     </div>
12     <div class="col-sm-4">
13       <h3>Column 2</h3>
14       <p>Lorem ipsum dolor..</p>
15     </div>
16     <div class="col-sm-4">
17       <h3>Column 3</h3>
18       <p>Lorem ipsum dolor..</p>
19     </div>
20   </div>
21 </div>

مشاهدهٔ نتیجه

روی کلید «مشاهدهٔ نتیجه» کلیک کنید تا ببینید چگونه عمل می‌کند.

بوت استرپ ۳ در مقابل بوت استرپ ۴

بوت استرپ ۴ جدیدترین نسخه بوت استرپ است؛ با مؤلفه‌های جدید، صفحات سریع‌تر و واکنش‌گرایی (به انگلیسی: Responsiveness) بیشتر.

بوت استرپ ۴ آخرین نسخهٔ پایدار همهٔ مرورگرها و پلت فرم‌ها را پشتیبانی می‌کند. با این حال Internet Explorer 9 و قدیمی‌تر پشتیبانی نمی‌شوند.

اگر نیازمند پشتیبانی IE8-9 هستید، از بوت استرپ ۳ استفاده کنید. بوت استرپ ۳ پایدارترین نسخهٔ بوت استرپ است و همچنان برای تعمیر مشکلات (به انگلیسی: Bugfix) و تغییرات مستندسازی توسط تیم پشتیبانی می‌شود. با این حال، ویژگی‌های جدیدی به آن اضافه نخواهد شد.

برو به بوت‌استرپ ۳ »

الگوی پایه بوت استرپ ۴

ما با بوت استرپ ۴ یک الگوی اولیهٔ واکنش گرا ایجاد کرده‌ایم. شما می‌توانید این الگو را تغییر دهید، ذخیره کنید، به اشتراک بگذارید و در پروژه‌های خود استفاده کنید:

مرجع‌های بوت استرپ

لیست کامل همهٔ کلاس‌های بوت استرپ ۴ با توضیح و مثال‌ها.

اگر می‌خواهید استفاده بیشتری از مؤلفه‌های بوت استرپ داشته باشید، مرجع کامل JavaScript/jQuery بوت استرپ ۴ را مشاهده کنید - همه موارد دارای مثال‌های “مشاهدهٔ نتیجه” هستند:

همه کلاس‌های محبوب CSS بوت استرپ

• هشدار JS بوت استرپ
• کلید JS بوت استرپ
• JS Carousel بوت استرپ
• JS Collapse بوت استرپ
• منوی کرکره ای JS بوت استرپ
• JS Modal بوت استرپ
• JS Popover بوت استرپ
• JS Scrollspy بوت استرپ
• تب JS بوت استرپ
• JS Toasts بوت استرپ
• راهنمای ابزار JS بوت استرپ

آیا می‌دانستید؟

WikiCod.CSS یک جایگزین عالی برای بوت استرپ است.

WikiCod.CSS کوچکتر، سریعتر و استفاده از آن ساده‌تر است.

اگر می‌خواهید WikiCod.CSS را بیاموزید، به آموزش WikiCod.CSS ما مراجعه کنید.

صفحهٔ بعد»