GRIDبندي چيست؟(بررسي كامل گريدبندي دربوت استرپ)

گريدبندي در بوت استرپ :
در اين جلسه از دوره آموزش بوت استرپ با سيستم گريدبندي در بوت استرپ شما را آشنا خواهيم كرد.يكي از مباحث مهمي كه در هنگام يادگيري بوت استرپ بايد در اولويت قرار گيرد همين بحث گريد بندي در بوت استرپ مي باشد.زماني كه بخواهيد يك وب سايت ريسپانسيو بسازيد بايد از گريد بندي در بوت استرپ استفاده كنيد.گريد بندي دربوت استرپ به ما اين امكان رو مي ده كه چهارچوب قالب رو به صورت واكنشگرا يا ريسپانسيو ايجادكنيم.گريد بندي به صورت پيش فرض هرصفحه وب رو به ۱۲ ستون مساوي تقسيم مس كند.براي ايجاد ستون هاي گسترده تر مي توان آنها را با هم تركيب كرد.به سيتم گريد بندي كه در تصوير زير آورده شده است دقت كنيد.

گريد بندي چيست؟اولين سطر در عكس ماكزيمم ستون هايي را كه در گريدبندي بوت استرپ مي توان ايجاد كرد نمايش مي دهد.درسطر دوم گريد بندي باسه ستون با عرض مساوي ايجاد شده است كه عرض هركدام ۳برابر ستون هاي بالايي (عرض پيش فرض) مي باشد.به عنوان تمرين ساير گريد بندي ستون ها را تحليل كنيد.سيستم گريد بندي يا شبكه بندي يك سيستم كاملا ريسپانسيو است كه ستون ها بسته به اندازه صفحه نمايش به طور خودكار تنظيم مي شوند.سيستم ريسپانسيو به سيستمي گفته مي شود كه به صورت خودكارچهار چوب و المانهاي آن در رزولوشن هاي مختلف تنظيم مي شوند.

بيشتربخوانيد : آموزش بوت استرپ – چرابايدبوت استرپ را ياد بگيريد؟كلاس هاي سيستم گريد بندي بوت استرپ :سيستم گريد بندي داراي ۴ كلاس مختلف است.هركلاس مربوط به يك رزولوشن مختلف مي باشد.
xs اين كلاس مربوط به رزولوشن هاي كمتر از۷۶۸ پيكسل مي باشد.sm اين كلاس مربوط به رزولوشن هاي بزرگ تر و مساوي ۷۶۸ تا ۹۹۲ پيكسل مي باشد .MD اين كلاس مربوط به رزولوشن هاي بزرگ تر و مساوي ۹۹۲ تا ۱۲۰۰ پيكسل مي باشد .LG اين كلاس مربوط به رزولوشن هاي بالاي ۱۲۰۰ پيكسل مي باشد.دقت كنيد كه اين كلاس ها را مي توان با هم تركيب و وب سايت هاي ريسپانسيو را ساخت .قاعده ايجاد ساختار گريدبندي در بوت استرپ چگونه است؟براي ايجاد شبكه بندي در بوت استرپ يك ساختار كلي وجود دارد كه بايد آن را رعايت كردكه در ادامه به بررسي آن مي پردازيم.