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

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

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

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

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

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

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

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

 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>


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


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

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

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

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


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

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


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

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

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

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

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

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

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

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

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


منابع آموزشی