فصل طراحی ریسپانسیو و واکنشگرا خلاصه جلسه چهارم - پیاده سازی grid system اختصاصی - شروع طراحی مینی فریم ورک css - بخش اول

بسم الله الرحمن الرحیم

برای نام گزاری ها از یک prifix به نام کل استفاده میکنیم به این شکل که در ابتدا یک col که خلاصه ی column هستش می نویسیم و بعد با یک - طبق طبقه بندی که استاد کردن که مشخص کننده یک رزولشن یا یک اندازه هستش رو قرار می دهیم  xs ( برای دیوایس های خیلی کوچک مثل موبایل )   و   s  و  l  و  xl   و مقدار سوم که با یک - میایم و قرار میدهیم مقدار اندازه به درصد هستش  برای مثال 

col-xs-1 

col-xs-1 { 

width : 8.33 %

}

@media  only screen  and (max-witdh : 600px ) {

.col-xs-1 {  width : 8.33 % ) ......

}


@media  only screen  and (min-witdh : 768px ) {

.col-md-1 {  width : 8.33 % ) ......

}


@media  only screen  and (min-witdh :1200px ) {

.col-xl-1 {  width : 8.33 % ) ......

}