عمل نکردن میزان col-sm -4

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

با عرض سلام ببخشید سوالمو هرچقدر خواستم ریپلای کنم پست قبلی نتونستم من فایل رو تو سایت upload.ir اعمال کردم اینم لینکش :

https://uupload.ir/view/bootstrap_22v8.zip/

https://s2.uupload.ir/filelink/XNd9mr7HFbJ3_207cfab298/bootstrap_r04y.zip

milad karimi ۲۰ دی ۱۴۰۱، ۱۴:۱۳

درود

ممنون بابت آپلود بررسی کردم. این داره درست عمل میکنه و در ابعاد نمایشگر کوچک تک ستونی میشه. کجاش خلاف انتظاره؟

نازنین کریمی مقدم ۲۱ دی ۱۴۰۱، ۰۷:۴۵

نه منظورم اینکه در کوچکترین ابعاد یعنی پائین تراز 576 پیکسل به صورت 6 ستونی نمایش داده شود که اینطور نیست بدین شکل :

col-sm-6 برای دو ستون اعمال کردم اما همه رو به صورت تک ستونی نمایش داد

milad karimi ۲۱ دی ۱۴۰۱، ۱۳:۱۸

ببینید در بخش media تعریف شده که اونهایی که min(576) هستند این استایل بهشون اعمال بشه. (خط 329 فایل بوت استرپ گرید)

اگر inspector رو بزنید، میبینید که استایل col-sm-4 بهشون اعمال شده (که طبق همون خط 329 باید اگر سایز انقدر کوچک شد همه عرض رو بگیره و تک ستونه بشه)

نکته بعدی اینکه در این سایز اصلا جایی ندارید که المانها رو چند ستونه بچینید.

در نتیجه کد فعلی شما درسته و ریسپانسیو رو رعایت کرده.

بهترین پاسخ

نازنین کریمی مقدم ۲۱ دی ۱۴۰۱، ۱۳:۵۰