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

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو


بوت استرپ محبوب‌ترین چارچوب Framework ،HTML ،CSS و JavaScript است و برای توسعه وب‌سایت‌های واکنش گرا و mobile-first به کار می‌رود.

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

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

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

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

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

مثال بوت استرپ
<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p>
</div>

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
  </div>
</div>


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

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

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

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


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

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


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

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

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

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

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

از منو استفاده کنید

منوی دروس همیشه در پایین صفحه و با نماد در دسترس است.

این منو در تمامی پلتفرم‌ها در دسترس است.

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

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

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

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

منابع آموزشی