نظام الشبكة هو "أنظمة الشبكة" باللغة الإنجليزية ، وبعض الأشخاص يترجمونه على أنه "نظام الشبكة". ويستخدم تصميم تصميم الشبكة الثابتة. أسلوبه أنيق وموجز. أصبحت شائعة جدًا بعد الحرب العالمية الثانية وأصبحت واحدة من الأساليب الرئيسية لتصميم النشر اليوم.
في عام 1692 ، شعر لويس الرابع عشر ، الملك الفرنسي الصاعد حديثًا ، أن مستوى طباعة فرنسا كان غير مرضٍ ، لذلك أمر بإنشاء لجنة خاصة ملكية لإدارة الطباعة. تتمثل مهمتهم الأولى في تصميم خطوط جديدة علمية ومعقولة وقيمة وظيفية. قاد اللجنة عالم الرياضيات نيكولاس جاوجيون. كانت تستند إلى الأجسام الرومانية والمربعات المستخدمة كأساس للتصميم. تم تقسيم كل شبكة مربعة إلى 64 وحدة مربعة أساسية ، وتم تقسيم كل وحدة مربعة إلى 36 شبكة صغيرة. وبهذه الطريقة ، يتكون تصميم الطباعة من 2،304 شبكة صغيرة. في شبكة الشبكة الهندسية الصارمة ، تم تصميم شكل الخط وترتيب التخطيط وفعالية وظيفة الاتصال. هذا هو النشاط الأول في العالم لإجراء تجارب علمية على الخطوط والتخطيطات ، وهو أيضًا أقرب نموذج أولي لنظام الشبكة.
تعريف نظام Raster Page هو: استخدام صفيف الشبكة العادي لتوجيه وتوحيد التصميم وتوزيع المعلومات في صفحة الويب. تم تطوير أنظمة Web Raster من أنظمة Planar Raster. بالنسبة لتصميم الويب ، لا يمكن أن يؤدي استخدام أنظمة الشبكات إلى جعل المعلومات على صفحات الويب أكثر جمالًا وسهلة القراءة ، ولكن أيضًا أكثر قابلية للاستخدام. علاوة على ذلك ، بالنسبة للتطوير الأمامي ، ستكون صفحات الويب أكثر مرونة وموحدة.
يوفر Bootstrap نظامًا مستجيبًا للبث المتنقل. مع زيادة حجم الشاشة أو المنفذ ، سيتم تقسيم النظام تلقائيًا إلى ما يصل إلى 12 عمودًا. ويشمل فصول سهلة الاستخدام مسبقًا ، وكذلك الخليطات القوية لتوليد تخطيطات أكثر دلالية.
بمعنى آخر ، يقسم Bootstrap عرض عنصر ما إلى 12 جزءًا. نحن نرتب العناصر في هذا الصف التي تنقسم إلى 12 جزءًا.
1. الأهداف الأساسية
قم بعمل صفين التاليين ، وسيتغير عرض كل خلية في هذين الصفين بسبب الأجهزة المختلفة:
على الشاشة الصغيرة للهاتف المحمول ، فإن حسابات A للأعلى لحسابين B من 10 أجزاء ، وحساب A BOSTERS لحسابات الجزء B 1 لـ 10 أجزاء C حسابات من أجزاء واحدة ، وتبادل ABC هذه الأجزاء الـ 12.
على الشاشة المتوسطة على الجهاز اللوحي ، تمثل A إلى 8 أجزاء B حسابات B لـ 4 أجزاء ، AB تشارك هذه الأجزاء الـ 12 ، إلى أسفل A حسابات 10 أجزاء B حسابات واحدة C حسابات واحدة لجزء واحد ، تشارك ABC هذه الأجزاء الـ 12.
على الشاشة الكبيرة للكمبيوتر الشخصي ، تصاعد حسابات 4 B لحسابات 8 أسهم ، تشارك AB هذه الأسهم الـ 12 ، إلى أسفل A حسابات 1 B لحسابات 10 درجة مئوية ، تشارك ABC هذه الأسهم الـ 12.
2. عملية الإنتاج
قم أولاً بتكوين bootstrap في مجلد الويب ، وقم بتنزيل المكونات على الموقع الرسمي (انقر لفتح الرابط). إصدار bootstrap المستخدم في بيئة الإنتاج (انقر لفتح الرابط). Bootstrap3 غير متوافق مع 2. يوصى باستخدام bootstrap3 مباشرة وفقًا لوثائق التطوير الخاصة به. بعد إزالة الضغط على bootstrap ، انسخ 3 مجلدات تم الحصول عليها CSS والخطوط و JS إلى دليل الموقع. إذا كان مشروع الويب JSP الخاص بـ Eclipse ، فضعه تحت مجلد Webroot.
الرمز كما يلي ، يرجى الاطلاع على التعليقات للحصول على التفاصيل:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <!-ترميز الويب ، الملفات الخارجية المراد استخدامها ، تلقائيًا مع الشاشة-> <meta http-equiv = "content-type" content = "text/html ؛ href = "css/bootstrap.css" rel = "stylesheet" media = "screen"> <meta name = "viewport" content = "width = width device ، inials-scale = 1.0 ، foll-scalable = no" شاشة-> <!-class = "Container" ستركز تلقائيًا-> <viv> <!-تحديد سطر-> <div> <!-XS يمثل الشاشة الصغيرة للهاتف المحمول ، يمثل MD الشاشة في الجهاز اللوحي ، ويمثل LG الشاشة الكبيرة 12 -X-> <! -> <!-BG-Warning هو لون الخلفية الذي يحدد اللون الأصفر الفاتح-> <div> a </viv> <viv> b </viv> </viv> <viv> <!-الحقيقة هنا كما هو مذكور أعلاه ، col-xs-1+b of col-xs-1+c of col-xs-10 to 12 -> <viv> a </viv> <viv> b </viv> <viv> c </viv> </viv> </body> </html>