مؤسسة مربع الإدخال؟ الحجم
باستخدام عمود الشبكة لتحديد حجم مربع الإدخال، مثل .large-6 ، .medium-6 ، وهلم جرا.
المزيد من المعرفة نظام الشبكة، يمكنك النقر على نظام الشبكة البرنامج التعليمي.
أمثلة
<النموذج>
<فئة الدرجة = "الصف">
<div الطبقة = "واسع 10 متوسطة 7 أعمدة">
<تسمية> كبيرة 10 متوسطة 7 (100٪ على المشاريع الصغيرة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
<فئة الدرجة = "الصف">
<div الطبقة = "الصغيرة 5 أعمدة">
<تسمية> 5 صغيرة
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
<فئة الدرجة = "الصف">
<فئة الدرجة = "متوسطة 3 أعمدة">
<تسمية> متوسطة 3 (100 ٪ على المشاريع الصغيرة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
</ النموذج>
<فئة الدرجة = "الصف">
<div الطبقة = "واسع 10 متوسطة 7 أعمدة">
<تسمية> كبيرة 10 متوسطة 7 (100٪ على المشاريع الصغيرة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
<فئة الدرجة = "الصف">
<div الطبقة = "الصغيرة 5 أعمدة">
<تسمية> 5 صغيرة
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
<فئة الدرجة = "الصف">
<فئة الدرجة = "متوسطة 3 أعمدة">
<تسمية> متوسطة 3 (100 ٪ على المشاريع الصغيرة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
</ النموذج>
محاولة »
يساوي حجم العمود
يوضح ما يلي أمثلة على الأعمدة متساوية في الحجم:
أمثلة
<النموذج>
<فئة الدرجة = "الصف">
<فئة الدرجة = "متوسطة 4 أعمدة">
<تسمية> متوسطة 4 (100 ٪ على المشاريع الصغيرة، مكدسة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<تسمية> متوسطة 4 (100 ٪ على المشاريع الصغيرة، مكدسة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<تسمية> متوسطة 4 (100 ٪ على المشاريع الصغيرة، مكدسة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
</ النموذج>
<فئة الدرجة = "الصف">
<فئة الدرجة = "متوسطة 4 أعمدة">
<تسمية> متوسطة 4 (100 ٪ على المشاريع الصغيرة، مكدسة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<تسمية> متوسطة 4 (100 ٪ على المشاريع الصغيرة، مكدسة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
<فئة الدرجة = "متوسطة 4 أعمدة">
<تسمية> متوسطة 4 (100 ٪ على المشاريع الصغيرة، مكدسة)
<إدخال نوع = "نص" نائبا = "اسم">
</ تسمية>
</ div>
</ div>
</ النموذج>
محاولة »
علامات المضمنة
إذا كنت تريد محتوى التسمية عرض على اليسار (وليس رأس)، يمكنك وضع علامة تسمية عنصر في مربع لإدخال الأيسر من أعمدة مختلفة واستخدام .inline فئة لتعيين مركز الرأسي:
أمثلة
<النموذج>
<فئة الدرجة = "الصف">
<فئة الدرجة = "صغيرة-8 ">
<فئة الدرجة = "الصف">
<div الطبقة = "صغيرة 3 أعمدة">
<تسمية ل= "اسم" الطبقة = "الحق مضمنة"> الاسم </ التسمية>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" معرف = "اسم" نائبا = "الاسم الأول ..">
</ div>
</ div>
</ div>
</ div>
</ النموذج>
<فئة الدرجة = "الصف">
<فئة الدرجة = "صغيرة-8 ">
<فئة الدرجة = "الصف">
<div الطبقة = "صغيرة 3 أعمدة">
<تسمية ل= "اسم" الطبقة = "الحق مضمنة"> الاسم </ التسمية>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" معرف = "اسم" نائبا = "الاسم الأول ..">
</ div>
</ div>
</ div>
</ div>
</ النموذج>
محاولة »
الأمامي والخلفي التسمية
يمكنك <div class="row collapse"> > إضافة الأمامية والخلفية عنصر التبويب: < element class="postfix"> أو < element class="prefix"> . يمكنك استخدام نظام الشبكة لتعيين حجم التسميات الأمامية والخلفية:
أمثلة
<النموذج>
<فئة الدرجة = "الصف">
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بادئة -radius">
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بادئة"> بادئة </ SPAN>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
</ div>
</ div>
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بوستفيكس -radius">
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بوستفيكس"> بوستفيكس </ SPAN>
</ div>
</ div>
</ div>
</ div>
</ النموذج>
<فئة الدرجة = "الصف">
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بادئة -radius">
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بادئة"> بادئة </ SPAN>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
</ div>
</ div>
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بوستفيكس -radius">
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بوستفيكس"> بوستفيكس </ SPAN>
</ div>
</ div>
</ div>
</ div>
</ النموذج>
محاولة »
الأمامي والخلفي زر التبويب
يمكنك استخدام <a> إضافة عناصر .button فئة لتعيين الأمامية والأزرار الخلفية:
الجبهة وأزرار الجولة التسمية الخلفية
أمثلة
<النموذج>
<فئة الدرجة = "الصف">
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بادئة -radius">
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بادئة"> بادئة </ SPAN>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
</ div>
</ div>
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بوستفيكس -radius">
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بوستفيكس"> بوستفيكس </ SPAN>
</ div>
</ div>
</ div>
</ div>
<فئة الدرجة = "الصف">
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بادئة -round">
<div الطبقة = "صغيرة 3 أعمدة">
<A أ href = "#" الطبقة = "button prefix"> العودة </ A>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
</ div>
</ div>
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بوستفيكس -round">
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
<div الطبقة = "صغيرة 3 أعمدة">
<A أ href = "#" الطبقة = "button postfix"> العودة </ A>
</ div>
</ div>
</ div>
</ div>
</ النموذج>
<فئة الدرجة = "الصف">
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بادئة -radius">
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بادئة"> بادئة </ SPAN>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
</ div>
</ div>
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بوستفيكس -radius">
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
<div الطبقة = "صغيرة 3 أعمدة">
<سبان الطبقة = "بوستفيكس"> بوستفيكس </ SPAN>
</ div>
</ div>
</ div>
</ div>
<فئة الدرجة = "الصف">
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بادئة -round">
<div الطبقة = "صغيرة 3 أعمدة">
<A أ href = "#" الطبقة = "button prefix"> العودة </ A>
</ div>
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
</ div>
</ div>
<div الطبقة = "كبيرة 6 أعمدة">
<فئة الدرجة = "الصف انهيار بوستفيكس -round">
<div الطبقة = "الصغيرة 9 أعمدة">
<إدخال نوع = "نص" نائبا = "قيمة">
</ div>
<div الطبقة = "صغيرة 3 أعمدة">
<A أ href = "#" الطبقة = "button postfix"> العودة </ A>
</ div>
</ div>
</ div>
</ div>
</ النموذج>
محاولة »