سلام وقتتون بخیر

همچین کدی داریم:

<div class="row">
        <div class="col-s-12 col-xs-12 col-md-12 col-l-12 col-xl-12">
          <div style="background-color: aqua; height: 200px; width: 100%">
            Test text
          div>
        div>
      div>

یعنی می‌خوایم بگیم که در همه شرایط، این تگ div همه 12 ستون رو پر کنه، اما خب اسم کلاس خیلی طولانی شده و حس می‌کنم این مورد منظقی نیست یا من خودم داخل قالب‌ها ندیدم به این شکل که انقدر ظولانی باشه مثلا نهایت 2 تا.

و خب فقطی فقط مثلا col-xs-12 رو به تنهایی بذارم در همه سایزها عمل نمی‌کنه. یکم این موضوع برام گنگ هستش یا ترتیب اولیت‌ها مشکل داره یا مشکل از جای دیگه ای هستش...