آموزش بوت استرپ 4  پخش اول   

در این آموزش قصد داریم که آموزش جامع وکاربردی بوت استرپ 4 را در اختیار تان قرار دهیم تا به سادگی خود را با نسخه 4 بوت استرپ به روز نمایید و خواهید دید که تنها تفاوت هایی ساده با نسخه 3 دارد اما کاربردی

همان گونه که اطلاع دارید در دنیای وب نوشتن کد ها از پایه گاها طاقت فرسا و دشوار ووقت گیر بوده لزا در این زمینه فریم وردک های برای طراحی گرافیک وب cssدر اختیار کاربران و برنامه نویسان وب قرار گرفته تا با یادگیری این فریم وردک ها بتوانند به اسانی  با نوشتن محدود کد های یک وبسایت را از نظر گرافیکی پیاده سازی نماییند و ان هم کاملا رسپانسیو و مدرن و استاندارد.

بوت استرپیکی از این فریم ورک ها میباشد 

بوت استرپ نسخه 4 دارای تفاوت های با نسخه 3 میباشد که همانگونه که اطلاعا دارید این فریم ورد و تیم برانامه نویسی این فریم ورد مکرر در حال اپدیت و به روز رسانی و بهینه سازی کد های این فریم وردک میباشند و درحال حاضر نسخه 4 این فریم ورد انتشار یافته  در این آموزش قصد داریم با تکمیل یک دوره آموزش کامل و کاربری بوت استرپ نسخه 4 را دراختیار تان قرار دهیم .

در اغاز کد های زیر را به بخش هد صفحه بیفزایید.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

در بخش گرید ها نیز که منظور همان بخش بندی صفحات شامل یکی سری تغییرات شده که به صورت زیر میباشد که نصب به حالت قبل دو کلاس جدید col-و col-xl اضافه شده

• .col- (extra small devices - screen width less than 576px)
• .col-sm- (small devices - screen width equal to or greater than 576px)
• .col-md- (medium devices - screen width equal to or greater than 768px)
• .col-lg- (large devices - screen width equal to or greater than 992px)
• .col-xl- (xlarge devices - screen width equal to or greater than 1200px)