مرجع مقالات رسمي اپليكيشن مرجع مقالات رسمي اپليكيشن .

مرجع مقالات رسمي اپليكيشن

ويژگي‌ هاي جديد 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. اين شغل را ايفا دهيم.


برچسب: طراحي اپليكيشن در مشهد،
امتیاز:
 
بازدید:
+ نوشته شده: ۶ شهريور ۱۴۰۱ساعت: ۱۰:۴۴:۴۹ توسط:علي پور موضوع:

{COMMENTS}
ارسال نظر
نام :
ایمیل :
سایت :
آواتار :
پیام :
خصوصی :
کد امنیتی :