آموزش طراحی سایت (HTML CSS Javascript) | آتریا

بوت استرپ

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

معرفی Bootstrap

Wiki

Bootstrap 3

بوت استرپ (Bootstrap) یکی از محبوب ترین فریم ورک های HTML و css و javascript است.

با استفاده از بوت استرپ می توانید سایت های واکنش گرا و پاسخ گرا به موبایل ایجاد نمایید.

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

هم اکنون یادگیری بوت استرپ را آغاز نمایید!

یادگیری Bootstrap با استفاده از مثال های "خودتان امتحان کنید"

Wiki

در این سری آموزش ها، قصد داریم تا با استفاده از صدها مثال، بوت استرپ را به شما آموزش دهیم.

به وسیله ی ادیتور آنلاین ما، شما می توانید کدهای بوت استرپ را ویرایش کنید و سپس با فشردن یک دکمه، نتیجه را مشاهده کنید.

یک مثال از بوت استرپ

<div class="container">
<div class="jumbotron">
    <h1>اولین صفحه ی بوتسترپ من</h1>
<p>این صفحه ی واکنش گرا را تغییر اندازه دهید تا نتیجه را ببینید</p>
</div>
<div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>...برنامه نویسی رایانه،در فرهنگ واژه ی غیر متخصصین ممکن است به تمام</p>
      <p>...با این همه برنامه نویسی تنها بخشی از فرایند توسعه ی نرم افزار </p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>...برنامه نویسی رایانه،در فرهنگ واژه ی غیر متخصصین ممکن است به تمام</p>
      <p>...با این همه برنامه نویسی تنها بخشی از فرایند توسعه ی نرم افزار</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>...برنامه نویسی رایانه،در فرهنگ واژه ی غیر متخصصین ممکن است به تمام</p>
      <p>...با این همه برنامه نویسی تنها بخشی از فرایند توسعه ی نرم افزار</p>
    </div>
</div>
</div>

خودتان امتحان کنید »

بر روی دکمه ی "خودتان امتحان کنید" کلیک کنید تا نتیجه را مشاهده نمایید.

مرجع کلاس های بوت استرپ در سایت بیاموز

Wiki

شما می توانید در سایت بیاموز، مرجعی کامل از تمام کلاس های بوت استرپ را مشاهده کنید. لیست این مراجع در زیر آورده شده است:

آموزش تصویری مطلب بالا (فیلم آموزش بوت استرپ)
درس شماره 1 (مقدمه آموزش بوت استرپ) زمان فیلم: 14:12
خرید و دانلود مستقیم فیلم آموزش بوت استرپ- حجم دانلود 2.32 گیگابایت (کلیک کنید +)