شما همچنین می‌توانید این شکست را در نقاط شکست خاص با استفاده از ابزارهای نمایش واکنش‌گرا. اعمال کنید.
همچنین کلاس‌های پاسخگو .order-first و .order-last وجود دارند که ترتیب یک عنصر را با اعمال order: -1 و order: 6 به ترتیب تغییر می‌دهند. این کلاس‌ها همچنین می‌توانند با کلاس‌های شماره‌دار .order-* به دلخواه ترکیب شوند.
کلاس‌های .col-* را می‌توان همچنین خارج از یک .row استفاده کرد تا به یک عنصر عرض خاصی داده شود. هنگامی که کلاس‌های ستون به عنوان فرزند مستقیم یک ردیف استفاده نمی‌شوند، پدینگ‌ها حذف می‌شوند.
از آنجا که 9 + 4 = 13 است و بزرگتر از 12 است، این div با عرض 4 ستون به خط جدید منتقل می‌شود به عنوان یک واحد متصل.
ستون‌های بعدی ادامه می‌یابند در خط جدید.
با تغییر به فلیکس باکس در نسخه 4، شما می‌توانید از ابزارهای حاشیه مانند .me-auto برای جدا کردن ستون‌های هم‌رده از یکدیگر استفاده کنید.
انتقال ستون‌ها
علاوه بر پاکسازی ستون‌ها در نقاط شکست (breakpoints) ریسپانسیو، ممکن است نیاز به تنظیم مجدد جابجایی‌ها (offsets) داشته باشید.
این کلاس‌ها می‌توانند همراه با ابزارهای کاربردی برای ایجاد تصاویر شناور ریسپانسیو استفاده شوند. حتماً برای پاکسازی شناور از کلاس .clearfix استفاده کنید، مخصوصاً زمانی که متن کوتاه باشد.
یک پاراگراف از متن نمایشی. از آن برای نشان دادن استفاده از کلاس clearfix استفاده کرده‌ایم. اینجا عبارات زیادی برای نشان دادن نحوه تعامل ستون‌ها با تصویر شناور اضافه کرده‌ایم.
همانطور که می‌بینید، پاراگراف‌ها به طور صحیح در اطراف تصویر شناور قرار می‌گیرند. حالا تصور کنید اینجا با محتوای واقعی باشد، نه فقط این متن بی‌معنی که ادامه دارد و هیچ اطلاعاتی منتقل نمی‌کند. فقط فضایی را اشغال می‌کند و واقعاً نباید خوانده شود.
و با این حال، شما هنوز این متن نمایشی را می‌خوانید، امیدوارید که بینش بیشتری پیدا کنید یا یک محتوای پنهان. شاید یک شوخی. متاسفانه، هیچ‌کدام از این‌ها در اینجا وجود ندارد.