شروع Bootstrap ورژن 4

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

این آموزش بوت استرپ 4 حاوی صدها مثال  بوت استرپ 4 است.
با ویرایشگر آنلاین ما، شما می توانید کدها را ویرایش کنید، و برای مشاهده نتیجه، یک دکمه را کلیک کنید.

آموزش Bootstrap

مثال Bootstrap 4

مثال bootstrap 4
 <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>
      <p>Ut enim ad..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor..</p>
      <p>Ut enim ad..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor..</p>
      <p>Ut enim ad..</p>
    </div>
  </div>
</div> 
مشاهده مثال

روی دکمه "مشاهده مثال" را کلیک کنید تا ببینید که چگونه کار می کند.

 

تفاوت بین Bootstrap 3 و Bootstrap 4

بوت استرپ 4 جدیدترین نسخه بوت استرپ است. با اجزای جدید، سبک سریعتر و پاسخگویی بیشتر.
بوت استرپ 4 از آخرین نسخه های پایدار تمام مرورگرها و سیستم عامل های اصلی پشتیبانی می کند. با این حال، از اینترنت اکسپلورر 9 و پایین پشتیبانی نمی شود.

 

اگر نیاز به پشتیبانی از IE8-9 دارید، از بوت استرپ 3 استفاده کنید. این پایدارترین نسخه بوت استرپ است و هنوز هم توسط تیم پشتیبانی برای رفع نقص های بحرانی و تغییرات اسناد پشتیبانی می شود. با این وجود، هیچ ویژگی جدیدی به آن افزوده نخواهد شد.

توجه: بوت استرپ 4 در حال حاضر در آزمایشی بتا (به معنی آن است که کاملا مورد آزمایش قرار گرفته و نزدیک به انتشار "نهایی" است).

 

آیا می دانید؟


 W3.CSS یک جایگزین برای بوت استرپ است.

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

اگر میخواهید W3.CSS را یاد بگیرید، به W3.CSS Tutorial بروید.

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

نظرات

علی با سلامتوی بوت استرپ 4 برای pull-right از چی استفاده شده؟
مهدی احدی سلام از همون pull-right میتونید استفاده کنید. در صورتی که سوالی داشتید کارشناسان ما پاسخگو خواهند بود

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط