یادگرفتن بوت استرپ ، سیستم گرید بندی ( Grid )


یادگرفتن بوت استرپ ، سیستم گرید بندی ( Grid )


به طبع تا به اکنون به چهارچوب و نحوه سناریو مطالب و محتوا در مجلات ، روزنامه ها و صفحات وب اعتنا کرده اید. هر سیستم سازه به ما یحتاج مخاطب خویش محتوا را در ستون های گوناگون پباده سازی کرده اند.گاهی وبسایت ها دارنده سه ستون و گاهی دو ستون و می باشند که چه بسا داخل هر ستون مجددا ستون بندی های دیگری انجام شده‌نموده است.


سیستم شبکه بندی یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که گریدبندی در Bootstrap به ۱۲ ستون در یک سطر تقسیم بندی می شودبه هرکدام بیشتراز این ستون ها گرید شبکه ) گفته می شود که می توانید مطالب خویش را داخل هر گرید بنویسید و هر گرید را به چهره جداگانه پباده سازی نمائید.


سیستم گرید بندی در بوت استرپ


کلیه تقسیم بندی های صفحه بایستی مبتنی بر این ۱۲ ستون انجام بگیردفرض نمائید یک سطر بیشتراز صفحه مربوط به سناریو ۳ تا بیشتراز آخری خبر ها پخش شده باشد. پس ما یحتاج به ۳ ستون در یک سطر داریم تا در هر ستون یک خبر را سناریو دهیممی توانیم سه تا بیشتراز تک ستون ها را تعیین کنیم . ولی در نمایشگرهای گران قدر فضای بیشتری حتمی داریم. پس هر ۴ ستون را با هم ادغام کرده و تبدیل به یک ستون می کنیم. پس تقسیم بندی در‌این سطر بایستی ادغام هر ۴ تا بیشتراز این ۱۲ ستون باشد


یادگرفتن سیستم گرید بندی در بوت استرپ


یادگرفتن بوت استرپ سیستم گرید بندی


می توانید در هر نمایشگر موبایل، تبلت ، دسکتاپ و … ) سیستم گرید بندی متفاوتی را به کاربران سناریو دهید. این مبنا حساس یک سیستم واکنشگرا می باشدمثلا در نمونه قبل در دسکتاپ تان در یک سطر سه ستون بیشتراز آخری خبر ها را به کاربر سناریو دادیم. ولی در موبایل زیرا فضای کمتری در نمایشگر دارید خبر ها را به چهره تک ستون سناریو می دهیم.


تذکر : قبل بیشتراز معرفی کلاس های مربوط به گریدها ابتدا موردها زیر را به حافظه داشته باشید.


  1.  کلیه سطر ها و کدها بایستی در در لا یک کلاس container قرار بگیرند. کلاس container یک باکس کلی برای صفحه ساخت کرده که کلیه اجزای صفحه باطن آن قرار می گیرند. اندازه این باکس ۱۱۷۰ پیکسل می باشد که به چهره وسط چین در صفحه قرار می گیرد.
    نکته : در‌حالتی که وب وبسایت کل پهنا صفحه را فرا می گیرد بایستی بیشتراز کلاس container-fluid به کار گیری نمائید. 
    نکته : یک container نمی تواند داخل container  دیگری قرار گیرد

  2. ستون های هر سطر بیشتراز صفحه را در یک کلاس row قرار دهید. کلاس row یک سطر در صفحه ساخت می مینماید.


ساخت ستون در هر سطر بوسیله فرمت  


در فرمت بالا ستاره اول گزینش جور دستگاه سناریو نموده است که یک عدد‌بیشتراز چهار اسم زیر می باشد :


  • xs ( برای موبایل ها و دستگاه های کوچک ) – مخفف extra small

  • sm ( برای تبلت ها ) – مخفف small

  • md (برای کامپیوترهای رومیزی ) – مخفف medium

  • lg (برای کامپیوترهای بزرگتر ) – مخفف large


ستاره دوم هم برای معلوم کردن ارتفاع ستون که عددی در در لا ۱ تا ۱۲ می باشد.


نمونه :
در نمونه زیر ۳ ستون برای صفحه های خیلی عریض و هم اندازه تشکیل می دهیم:


 


و یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که در‌این نمونه برای دستگاه های موبایل یک سطر با یک ستون ۴ تایی و یک ستون ۸ تایی ساخت می کنیم


 

تاریخ آخری بروزرسانی : ۲۴ مهر ۱۳۹۶



یادگرفتن بوت استرپ ، سیستم گرید بندی ( Grid )

یادگرفتن خط مش اندازی سیستم تیکت برای وردپرس


ابزار وردپرس – تحولی گران قدر در ارائه خدمات وردپرس فارسی

تحولی گران قدر در ارائه خدمات وردپرس فارسی شعار وبسایت ابزار وردپرس نموده است. ابزار وردپرس یک کدام بیشتراز مراجع قالب وردپرس و افزونه وردپرس می باشد که با ارائه ساخت ها اورجینال و استاندارد عمل خویش را استارت نموده نموده است. پشتیبانی ابزار وردپرس بصورت تمام وقت پاسخگوی اختلال‌ها کاربران می باشد.یک کدام بیشتراز خدمات متمایز وبسایت ابزار وردپرس درخواست سفارشی سازی برای یاری به وبمستران می باشد.


تلفن تماس جهت مشاوره سوای‌پول : ۹۸۷۸ ۵۲۸ ۰۹۱۳ – ایمیل پشتیبانی : Support(at)Abzarwp(dot)com


منوی کاربردی : قالب وردپرسافزونه وردپرستیکت های قبلیساخت ها اینجانب – بخش یادگرفتن وردپرس



یادگرفتن خط مش اندازی سیستم تیکت برای وردپرس