آموزش GridSystem در بوتاسترپ4-قسمت چهارم
سیستم Grid در بوت استرپ
سیستم grid درفریمورک bootstrap بر اساس flexbox طراحی شده است. این سیستم کاملا واکنشگرا میباشد و نسبت به نمایشگرهای مختلف با حالتهای مختلف به نمایش در میآید. بدینمعنی که اندازه ستونها نسبت به اندازهی صفحه نمایش به طور خودکار تغییر میکند. در تصویر زیر میتوانید، طراحی صفحه وبی را در سه نمایشگر دسکتاپ، تبلت و موبایل مشاهده فرمایید.
سیستم تقسیمبندی یا Grid در بوتاسترپ به شما اجازه میدهد تا 12 ستون در یک صفحه ایجاد کنید. البته اگر نمیخواهید از 12 ستون استفاده کنید، میتوانید از تقسیمبندیهای گوناگون دیگری بهره ببرید
نکتهای که باید در ذهن داشته باشید، این است که مجموع ستونهایی که میخواهید در یک صفحه ایجاد کنید، حتما باید 12 عدد شود. برای مثال اگ بخواهید در صفحه وب خود ۴ ستون داشته باشید، باید بهاندازه ۱۲ ستون کوچک، ۴ ستون بزرگ ایجاد کنید.
دانلود از وبسایتwww.heilton.com
نظرات