درود

1- برای طراحی ریسپانسیو یک استاندارد وجود داره که این مقادیر شاملشون میشه. تعدادشون هم همیناست که استاد در آموزش بهشون اشاره میکنند.

2- ببینید شما با مدیا میگید در فلان ابعاد صفحه، بیا col‌ها رو مثلا col-md رو در نظر بگیر. بعد باید برای col-md‌ها اندازه جدید تعریف کنید تا اعمال بشه. در آخر هم در بخش html همه حالاتی که تعریف کردید مثل (col-md یا col-l یا col-s) رو میارید که براساس سایز صفحه یکی از کلاسهای تعریف شده رو بگیره.