برچسب: بوت استرپ

در جلسه ی قبل در رابطه با بخش های مختلف سیستم grid در بوت استرپ صحبت کردیم اما هنوز قسمت های مختلفی باقی مانده است که باید بررسی کنیم. در حالت عادی و بر اساس آنچه در جلسه ی قبل توضیح دادیم، کلاس های *-col مانند col-md-4 روی یک ستون خاص اعمال می شدند اما ما می توانیم کلاس های *-row-cols را روی عنصر پدر row. اعمال کنیم، سپس با اضافه کردن row-cols-auto. باعث می شویم طول این ردیف ها به صورت خودکار تنظیم شود. این کد ستون ها را به صورت ۲ تایی در کنار هم قرار می دهد (کلاس 2-row-cols) بنابراین با اجرای این کد نتیجه ای به شکل زیر را دریافت می کنیم. در صورتی که به جای ۲، عدد ۳ را پاس می دادیم ستون ها به صورت ۳ تایی در کنار هم قرار می گرفتند.