درود

در استایل کلاس col هم رو اضافه کنید:

[class^="col-"] {
  float: right;
}

و در html خط 7 لینک فایل استایل رو اصلاح کنید:

<link rel="stylesheet" href="./stylegridsystem.css" />

آخه طبق col هایی که گرفتید باید تمام عرض رو پر کنه و اوکی هست.

اما مثلا col-xl-6 بگذارید، باید نصف عرض رو بگیره و میبینید که اعمال میشه.

میخواید من کد اصلاح شده رو براتون کامل زیپ بفرستم؟ همین تغییرات بالا هست البته اما یکم با شماره col در html بازی کردم تا بهتر متوجه بشید.

خواهش میکنم خوشحالم که برطرف شد :)