در مباحث این جلسه نکته ای مطرح شد که اگر یک عنصری در حالت (به عنوان مثال) xs و s دارای ابعاد یکسانی بود و تعداد مشابهی ستون رو اشغال میکرد، میشه اون شرط s رو در کلاسهای اون قرار نداد.
مثلا (فقط کدهای مربوط به سوال رو نوشتم) :
همچین کدی رو
<div class="col-xs-12 col-s-12 col-md-4 col-l-4 col-xl-4">
<div class="foo">
lorem blah blah
</div>
</div>
به این شکل بنویسیم :
<div class="col-xs-12 col-md-4">
<div class="foo">
lorem blah blah
</div>
</div>
این کد برای مقادیر عرض صفحه ی بزرگتر از md درست کار میکنه، اما برای حالت هایی که
[md-width]> عرض صفحه>[xs-width] یا همون مقدار s-width
هستن به درستی کار نمیکنه و عرض هر ستون محدود میشه به عرض نوشتههای داخل اون.
که عکسش هم ضمیمه شده.
در واقع باید اینطوری نوشت تا جواب بده :
<div class="col-xs-12 col-s-12 col-md-4">
میخواستم هم تجربم رو به اشتراک بزارم هم دلیلش رو از اساتید گرامی بپرسم.