مؤسسة كتلة الشبكة
شبكة ضخمة لمحتوى الصفحة تقاسم: على سبيل المثال، سطر واحد لعرض أربع صور، بغض النظر عن ما هو مطلوب متوسط العرض من الشاشة.
يمكنك استخدام <ul> عنصر زائد .small|medium|large-block-grid- num grid- الأسطوانات فئة لإنشاء شبكة واسعة النطاق. الأسطوانات هو رقم يستخدم لتحديد المتوسط:
أمثلة
<الطبقة UL = "صغيرة لبنة -grid-3">
<لي> <IMG SRC = " newyork.jpg" بديل = "نيويورك"> </ لى>
<لي> <IMG SRC = " paris.jpg" بديل = "باريس"> </ لى>
<لي> <IMG SRC = " sanfran.jpg" بديل = "سان فرانسيسكو"> </ لى>
</ UL>
<لي> <IMG SRC = " newyork.jpg" بديل = "نيويورك"> </ لى>
<لي> <IMG SRC = " paris.jpg" بديل = "باريس"> </ لى>
<لي> <IMG SRC = " sanfran.jpg" بديل = "سان فرانسيسكو"> </ لى>
</ UL>
محاولة »
مثال آخر، استخدم الفقرة:
أمثلة
<الطبقة UL = "صغيرة لبنة -grid-3">
<لي> <p> ومجرد مثال بسيط نص ... </ P> </ لى>
<لي> <p> ومجرد مثال بسيط نص ... </ P> </ لى>
<لي> <p> ومجرد مثال بسيط نص ... </ P> </ لى>
</ UL>
<لي> <p> ومجرد مثال بسيط نص ... </ P> </ لى>
<لي> <p> ومجرد مثال بسيط نص ... </ P> </ لى>
<لي> <p> ومجرد مثال بسيط نص ... </ P> </ لى>
</ UL>
محاولة »
عرض عدد مختلف من مختلف الأحجام
بإضافة كتل شبكة متعددة الطبقات حجم مختلفة يمكن تعيين لعرض عدد مختلف من كتل:
أمثلة
<UL الطبقة = "كتلة صغيرة -grid-2 متوسطة كتلة الشبكة 3 اسع كتلة شبكة-4">
<لي> <IMG SRC = " newyork.jpg" بديل = "نيويورك"> </ لى>
<لي> <IMG SRC = " paris.jpg" بديل = "باريس"> </ لى>
<لي> <IMG SRC = " sanfran.jpg" بديل = "سان فرانسيسكو"> </ لى>
<لي> <IMG SRC = " newyork.jpg" بديل = "نيويورك"> </ لى>
</ UL>
<لي> <IMG SRC = " newyork.jpg" بديل = "نيويورك"> </ لى>
<لي> <IMG SRC = " paris.jpg" بديل = "باريس"> </ لى>
<لي> <IMG SRC = " sanfran.jpg" بديل = "سان فرانسيسكو"> </ لى>
<لي> <IMG SRC = " newyork.jpg" بديل = "نيويورك"> </ لى>
</ UL>
محاولة »