مؤسسة المعادل (المعادل)
ويمكننا أن نضيف عنصرا حاوية data-equalizer الملكية، وإضافة إلى كل عنصر من الباطن data-equalizer-watch الملكية لخلق ارتفاع التعادل متطابقة. يحدد أعلى عنصر ذروة العناصر الأخرى.
ملاحظة: شريط التمرير يتطلب جافا سكريبت. لذلك تحتاج إلى تهيئة oundation شبيبة:
أمثلة
<الطبقة = بيانات شعبة "الصف" -equalizer>
< "متوسطة 4 الدرجة الدرجة = لوحة الأعمدة" بيانات التعادل في ساعة>
أبجد هوز ...
</ div>
< "متوسطة 4 الدرجة الدرجة = لوحة الأعمدة" بيانات التعادل في ساعة>
التحرير ااا ...
</ div>
< "متوسطة 4 الدرجة الدرجة = لوحة الأعمدة" بيانات التعادل في ساعة>
أبجد هوز ...
</ div>
</ div>
<! - تهيئة مؤسسة شبيبة ->
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ()؛
})
</ script>
< "متوسطة 4 الدرجة الدرجة = لوحة الأعمدة" بيانات التعادل في ساعة>
أبجد هوز ...
</ div>
< "متوسطة 4 الدرجة الدرجة = لوحة الأعمدة" بيانات التعادل في ساعة>
التحرير ااا ...
</ div>
< "متوسطة 4 الدرجة الدرجة = لوحة الأعمدة" بيانات التعادل في ساعة>
أبجد هوز ...
</ div>
</ div>
<! - تهيئة مؤسسة شبيبة ->
<script>
$ (الوثيقة) .ready (وظيفة () {
$ (الوثيقة) .foundation ()؛
})
</ script>
محاولة »
التعادل شاشات مختلفة
على التعادل بإضافة data-equalizer-mq=" value " MQ تعيين سمة إلى نفس الارتفاع لأحجام مختلفة للشاشة. قيمة يمكن أن يكون أحد الخيارات التالية:
| قيمة | وصف | أمثلة |
|---|---|---|
medium-up | افتراضي. إنشاء نفس الحاوية الارتفاع، العرض أكبر من 40.063em | |
large-up | إنشاء نفس الحاوية الارتفاع، العرض أكبر من 64.063em | محاولة |
xlarge-up | إنشاء نفس الحاوية الارتفاع، العرض أكبر من 90.063em | محاولة |
xxlarge-up | إنشاء نفس الحاوية الارتفاع، العرض أكبر من 120.063em | محاولة |
محتوى متداخل
و data-equalizer و data-equalizer-watch إضافة نفس قيمة العقار. وهذا يمكن أن تكون مرتبطة معا إلى الحاوية التعادل. متداخلة مرارا التعادل، تأكد من أنها مباراة:
أمثلة
<! - الوعاء التعادل ->
<div الطبقة = البيانات "الصف" -equalizer = "أولا">
<فئة الدرجة = "متوسطة 4 أعمدة">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "أولا">
<H3> لوحة </ H3>
<! - وهو التعادل الحاويات داخل التعادل الحاويات ->
<div الطبقة = البيانات "الصف" -equalizer = "الثاني">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "الثاني">
<H3> لوحة متداخلة </ H3 >
<P> أبجد هوز ... </ P>
</ div>
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "الثاني">
<H3> لوحة متداخلة </ H3 >
<P> أبجد هوز ... </ P>
</ div>
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "الثاني">
<H3> لوحة متداخلة </ H3 >
<P> أبجد هوز ... </ P>
</ div>
</ div>
<! - نهاية متداخلة التعادل الحاويات - >
</ div>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "أولا">
<H3> لوحة </ H3>
<P> أوت ENIM ... </ P>
</ div>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "أولا">
<H3> لوحة </ H3>
<P> أبجد هوز .... </ P>
</ div>
</ div>
</ div>
<div الطبقة = البيانات "الصف" -equalizer = "أولا">
<فئة الدرجة = "متوسطة 4 أعمدة">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "أولا">
<H3> لوحة </ H3>
<! - وهو التعادل الحاويات داخل التعادل الحاويات ->
<div الطبقة = البيانات "الصف" -equalizer = "الثاني">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "الثاني">
<H3> لوحة متداخلة </ H3 >
<P> أبجد هوز ... </ P>
</ div>
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "الثاني">
<H3> لوحة متداخلة </ H3 >
<P> أبجد هوز ... </ P>
</ div>
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "الثاني">
<H3> لوحة متداخلة </ H3 >
<P> أبجد هوز ... </ P>
</ div>
</ div>
<! - نهاية متداخلة التعادل الحاويات - >
</ div>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "أولا">
<H3> لوحة </ H3>
<P> أوت ENIM ... </ P>
</ div>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<div الطبقة = "لوحة" البيانات -equalizer-ساعة = "أولا">
<H3> لوحة </ H3>
<P> أبجد هوز .... </ P>
</ div>
</ div>
</ div>
محاولة »