يبدو أن لديك كلاً من الإرشادات (Guidelines) والأسئلة الشائعة (FAQ) في القائمة - أعتقد أن هذا هو ما يسبب تجاوز العرض. إذا أضفت الأسئلة الشائعة إلى موقعي، يحدث الشيء نفسه.
يمكن لبعض أوراق الأنماط المتتالية (CSS) الإضافية أن تجعلها تلتف:
.nav-pills {
flex-wrap: wrap;
}
قد يساعد تقليل gap على .nav-pills قليلاً أيضاً.
(كان هذا مجرد اختبار سريع باستخدام أدوات المطور في المتصفح. قد تحتاج إلى أن تكون أكثر تحديداً مع المحددات إذا كنت لا تريد التأثير على .nav-pills في أماكن أخرى.)