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

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
(تغییرمسیر از آموزش بوت استرپ 3)
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Bootstarp3-menu.png
موارد آموزشی
۱خانه
۲شروع
۳شبکه‌بندی ساده
۴تایپوگرافی
۵جدول‌ها
۶تصویر‌ها
۷Jumbotron
۸Well‌ها
۹هشدارها
۱۰کلیدها
۱۱گروه‌های کلید
۱۲گلیف آیکون‌ها
۱۳نشان‌ها/برچسب‌ها
۱۴نوار پیشرفت
۱۵صفحه‌بندی
۱۶Pager
۱۷گروه‌های لیست
۱۸پنل‌ها
۱۹منوهای کرکره‌ای
۲۰Collapse
۲۱تب‌ها/Pillها
۲۲نوار راهبری
۲۳فرم‌ها
۲۴ورودی‌ها
۲۵ورودی‌ها ۲
۲۶سایزدهی ورودی
۲۷Media Objectها
۲۸Carousel
۲۹Modal
۳۰راهنمای ابزار
۳۱Popover
۳۲Scrollspy
۳۳Affix
۳۴فیلترها
شبکه‌بندی
زمینه‌ها
مثال‌ها
مرجع JavaScrpit در بوت‌استرپ ۳
مرجع CSS در بوت‌استرپ ۳
بوت استرپ محبوب‌ترین چارچوب Framework ،HTML ،CSS و JavaScript است و برای توسعه وب‌سایت‌های واکنش گرا و mobile-first به کار می‌رود.

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

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

با مثال مشاهدهٔ نتیجه

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

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

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

<syntaxhighlight lang="html5" line="1" highlight="" style="border-left: 4px solid #4CAF50; overflow-x: auto;">

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor..

Column 2

Lorem ipsum dolor..

Column 3

Lorem ipsum dolor..

</syntaxhighlight>
مشاهدهٔ نتیجه


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

تمرین های بوت استرپ

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

در WikiCod مرجع کامل همهٔ کلاس‌های CSS، مؤلفه‌ها و پلاگین‌های (به انگلیسی: plugins) جاوا اسکریپت بوت استرپ را خواهید یافت - همه با مثال‌های "خودتان نتیجه را ببینید":


زمینه ها (به انگلیسی: Themes) / الگوهای بوت استرپ

ما چند الگوی بوت استرپ ایجاد کرده‌ایم تا بتوانید با آن کار کنید. استفاده از آنها کاملاً رایگان است:


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

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

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

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

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

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

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

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

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


منابع آموزشی