مقدمه
با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . این مطلب ، اولین بخش دوره آموزش Bootstrap 4 برای آشنایی با فریم ورک Bootstrap ، در پی وی لرن می باشد. تاکنون ما دوره های آموزشی html و css ، را در پی وی لرن. ارائه کرده ایم. و اگر دوره های ذکر شده را دنبال کرده باشید. با بحث html و css ، برای طراحی وب سایت. به اندازه کافی آشنا شده اید. و مشاهده کرده اید، ما هم در دوره آموزش کامل html و هم در دوره آموزش کامل css ، به مبحث responsive ، اشاره کردیم.
علاوه بر این در یکی از بخش های آموزش html ، به فریم ورک ها آماده برای responsive ، از جمله فریم ورک Bootstrap ، اشاره داشتیم.در ادامه ی مباحث شروع کار با bootstrap 4 شما را با مقدمات آموزش بوت استرپ ۴ ، آشنا خواهیم کرد.
آموزش فریم ورک Bootstrap
آشنایی با فریم ورک Bootstrap
Bootstrap چیست؟
- فریم ورک Bootstrap یک چارچوب فوری رایگان برای توسعه سریع و آسان وب است.
- فریم ورک Bootstrap شامل قالب های طراحی HTML و CSS برای تایپوگرافی، فرم ها، دکمه ها، جداول، ناوبری، Modals، چرخش تصویر و بسیاری دیگر، و همچنین افزونه های جاوااسکریپت اختیاری ، می باشد.
- فریم ورک Bootstrap به شما توانایی ایجاد طرح های responsive را به آسانی می دهد.
فریم ورک bootstrap 4
bootstrap 4 جدیدترین نسخه فیم ورک بوت استرپ است.
این آموزش بوت استرپ ۴ حاوی صدها مثال ۴ بوت استرپ است.
فریم ورک آماده ی Bootstrap 4 ، با استفاده از قابلیت responsive ، قالب وب سایت طراحی شده را برای نمایش در تمام دستگاهها از جمله کامپیوتر ، تب لت ، موبایل و … آماده می کند.
شروع کار با bootstrap 4
مثالی از کد Bootstrap 4
مثال :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <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
Bootstrap 4 جدیدترین نسخه از Bootstrap ، با اجزای جدید ، stylesheet سریع تر و قابلیت های responsive بیشتر می باشد.
بوت استرپ ۴ از آخرین نسخه های پایدار تمام مرورگرها و سیستم عامل های اصلی پشتیبانی می کند. با این وجود در مرورگر Internet Explorer 9 و نسخه های قدیمی تر آن ، پشتیبانی نمی شود.
قالب اصلی Bootstrap 4
Bootstrap 4 دارای قالب نمونه ی ساده ، اما اصلی برای شروع طراحی قالب وب سایت است:
آموزش Bootstrap 4
کلام آخر
در مباحث شروع کار با Bootstrap 4 ، با این نسخه جدید و قابلیت های آن تا حدی، آشنا شدید. امیدورام که این مطلب، مورد استفاده شما، قرار گرفته باشد.
در ادامه دوره ،به آموزش بخش های مختلف فریم ورک Bootstrap ، خواهیم پرداخت.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
