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

Main Page Tutorial
موارد آموزشی
۱	خانه
۲	شروع
۳	شبکه‌بندی ساده
۴	تایپوگرافی
۵	جدول‌ها
۶	تصویر‌ها
۷	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 ما مراجعه کنید.

صفحهٔ بعد»