ويژگي هاي جديد Grid درBootstrap 4
بوتاسترپ 4 تغييرات بسيار و طراحي اپليكيشن در مشهد خصوصيتهاي رايا پارس جديدي را براي گريدبندي application كه تمامي با ورژن 3 آن آشنا هستيم، به ارمغان آورده ميباشد. اكنون گريد نو به وسيله flexbox قدرتمندتر شدهاست، بخش اعظمي از كلاسهاي سودمند تغييرو تحول اسم دادهاند و XL breakpoint اضافه گرديده است.
1. اصول گريد
اكنون همگي ميدانند گريد بوتاسترپ چه گونه عمل مينمايد. ما سطرها را به 12 بخش معادل، و رديفهايي در باطن آنها جدا ميكنيم. هر رديف مي تواند فضايي ميان 1 تا 12 را بگيرد:
.col-xs-2
.col-xs-4
.col-xs-6
از نظر ساختاري چيزي تغيير و تحول نكرده ميباشد، گريد هنوز دارنده سطرها و 12 رديف ميباشد. با اين اكنون تغييرات در پهنا نگهدارندهها (container) صورت داده ميباشد، و همينطور موردها كوچكي مثل تغييرو تحول اسم .col-xs- به .col- كه معموليخيس شدهاست.
.col-2
.col-4
.col-6
براي اينكه تغييرات را عالي فكر كنيد، ما يك نوع آزمايشي كنارهم از گريدهاي flex تازه و non-flex قديم فراهم كردهايم. مي توانيد آن ها را در تصوير تحت تحقيق نمائيد:
2. لايهبندي اتومات
يكياز خصوصيتهاي نو گريد بوت استرپ 4 شرايط لايه بندي خود كار ميباشد. اين طريق به گسترشدهندگان اذن مي دهد اندازه رديفها را انتخاب نكنند، و آنان به طور اتوماتيك در فضاي مو جود در آن سطر توزيع ميشوند.
.col
.col
.col
سايزبندي رديفها به طور متساوي در فضاي جانور انجام يافته، و همواره كل سطر لبريز ميگردد. درصورتيكه بخواهيم يك رديف تعاليخيس يا اين كه خردخيس باشد، مي توانيم با كلاس col-size. اين شغل را ايفا دهيم.
برچسب: طراحي اپليكيشن در مشهد،