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

از ویکی کد
پرش به ناوبری پرش به جستجو
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 به کار می‌رود.

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

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

با مثال خودتان امتحان کنید

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

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

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

 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>
روی کلید «مشاهدهٔ نتیجه» کلیک کنید تا ببینید چگونه عمل می‌کند.

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

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


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

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

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


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

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

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


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

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

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

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

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

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

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

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

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


منابع آموزشی