PDA

View Full Version : سوال: Responsive کردن یک منوی افقی



bftarane
شنبه 03 اسفند 1392, 23:05 عصر
سلام
همانطور که در لینک زیر می بینید
http://tympanus.net/codrops/?p=14991
این منوی ریسپانسیو 6 آیتم داره، حالا اگه بخواهیم تعداد آیتم ها 14 تا باشن
و همینطور چون تعداد 14 زیاده اگه بخوام مثل اون منو مثلاً در موبایل 14 ردیف افقی داشته باشم خیلی جاگیر میشه پس می خوام مثلاً در سه ردیف 4 ستونه و یک ردیف 2 ستونه قرار بگیرن منوها (در موبایل)
یا در تبلت در دو ستون 7 تایی قرار بگیرن.
برای این کار محاسبات باید به چه شکلی انجام بشه؟ من با روش آزمون و خطا و مثلاً تقسیم widths تونستم به نتیجه برسم تقریباً ولی می خوام با محاسبه بتونم این کار رو انجام بدم.
مثلاً با استفاده از Responsive grid system که در لینک زیر در موردش توضیح داده آیا میشه همچین کاری انجام داد؟ به چه صورت؟
http://www.responsivegridsystem.com/

در واقع من می خوام یه قالب دو ستونه داشته باشم با هدر و فوتر و یه منوی افقی به شکلی که گفتم و یک منوی عمودی و همچنین باکس های ریسپانسیو در ستون اصلی و می خوام همه اینا با یک منطق و روش انجام بدم مثلاً همه اینا با استفاده از Responsive grid system آیا همچین کاری امکان پذیره؟
لطفاً راهنمایی کنید.