PDA

View Full Version : تفاوت col-md , col-lg , col-sm در بوت استرپ



sg.programmer
پنج شنبه 12 فروردین 1395, 09:41 صبح
تفاوت بین ستون های col-md , col-lg , col-sm چیست؟ کاربرد هرکدوم چگونه هست؟

آیا تعریف دیگه ای برای ستون داریم؟

vahidalvandi
پنج شنبه 12 فروردین 1395, 15:06 عصر
نسبت به سایز مانیتوز
lg= بزرگ
md = متوسط (تبلت )
sm = کوچک (موبایل)

sg.programmer
پنج شنبه 12 فروردین 1395, 16:34 عصر
تشکر - خوب برای همه جا میخواد استفاده بشه چطور میشه؟
یعنی هر سه جا باید نمایش پیدا کنه از کدوم باید استفاده کرد

سعید کشاورز
پنج شنبه 12 فروردین 1395, 17:46 عصر
دوست عزیز شما باید با سیستم گرید بندی بوت استرپ آشنا بشین
توضیح دادنش به صورت نوشتاری یه مقداری سخت میشه
من قبلا یه سری فیلم ضبط کردم واسه آموزش دادن همین سیستم گرید بندی بوت استرپ که فرق این کلاس هایی که گفتی رو داخل اون فیلم ها کاملا توضیح دادم
اینم لینک بلاگم برای دانلود فیلم ها
saeedd.blog.ir

vahidalvandi
جمعه 13 فروردین 1395, 12:50 عصر
میتونی تونی انجمن وبینه هم یک سری آموزش های مقدماتی را ببینی

انجمن وبینه (http://forum.webineh.net)

pyramid_ali
جمعه 13 فروردین 1395, 13:37 عصر
فرق اصلیشون رو که دوستمون گفت ولی در حالت کلی برای طراحی ریسپانسیو هم ازشون استفاده می کنن! یعنی اینکه برای صفحه های کوچیک (مثله موبایل) از ستون های کوچیک . برای مانیتور از بزرگ استفاده می کنن (البته تمام فریمورک ها به صورت پیش فرض 3 تا نقطه ی شکست دارن که با پیکسل مشخص میشه). نکته ای که در این مورد باید بدونی اینه که ستون های کوچک یا sm یا بعضی جاها small برای صفحه های بزرگ به ارث برده میشن! یعنی اگه شما توی ردیفت دوتا ستون کوچک با عرض 6 انتخاب کرده باشی توی همه ی صفحه نمایش ها ردیفتون به صورت 2 ستونه نشون داده میشه! حالا اگه واسه مدیوم اینکار رو بکنید توی صفحه های مدیوم به بالا این اتفاق میفته و توی صفحه های کوچک شما فقط یه ستون دارید (یعنی در اصل دو تا ستون زیر هم دارید که طبق اصل ریسپانسیو بودن ستون دومی میاد زیر ستون اولی)!
شما میتونی توی طراحی بسته به نیازتون از هر سه تا کلاس توی یه ستون استفاده کنید و اینجوری فرض نکنید که فقط باید از یک کلاس ستون استفاده کنید!
امیدوارم خوب توضیح داده باشم :))