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

برای نام گزاری‌ها از یک 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 % ) ......
}