ما هو bootstrap؟
Bootstrap هو إطار أمامي للتطوير السريع لتطبيقات الويب ومواقع الويب. يعتمد Bootstrap على HTML و CSS و JavaScript.
تاريخ
تم تطوير Bootstrap بواسطة Mark Otto من Twitter و Jacob Thornton. Bootstrap هو منتج مفتوح المصدر صدر على Github في أغسطس 2011.
محتويات حزمة bootstrap
الهيكل الأساسي: يوفر Bootstrap بنية أساسية مع نظام الشبكة وأسلوب الارتباط والخلفية. سيتم شرح ذلك بالتفصيل في قسم الهيكل الأساسي bootstrap.
CSS: يأتي Bootstrap مع الميزات التالية: إعدادات CSS العالمية ، تعريف أنماط العناصر HTML الأساسية ، فئة قابلة للتمديد ، ونظام الشبكة المتقدمة. سيتم شرح ذلك بالتفصيل في قسم Bootstrap CSS.
المكونات: يحتوي Bootstrap على أكثر من عشرة مكونات قابلة لإعادة الاستخدام لإنشاء الصور ، والقوائم المنسدلة ، والملاحة ، وصناديق التحذير ، وصناديق منبثقة ، وأكثر من ذلك. سيتم شرح ذلك بالتفصيل في قسم مكونات التصميم.
المكون الإضافي JavaScript: يحتوي Bootstrap على أكثر من عشرة مكونات مكونة من jQuery مخصص. يمكنك تضمين جميع الإضافات مباشرة أو واحدة تلو الأخرى. سيتم شرح ذلك بالتفصيل في قسم المكونات الإضافية.
التخصيص: يمكنك تخصيص مكونات bootstrap ، والمتغيرات الأقل ، والمكونات الإضافية JQuery للحصول على نسختك الخاصة.
ما سبق كلها للنص التالي. فيما يلي معرفة تكوين نموذج الكتلة ، على النحو التالي:
أعتقد أن صديقي يجب أن يواجه موقفًا حيث تحتوي صفحة التحرير على العديد من الكتل. دعم المكون الإضافي النموذج الذكي هذا الموقف لك.
الرمز كما يلي (عنوان الرابط: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form2-group-layout.html):
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> نموذج المجموعة </title> <link rel = "stylesheet" href = "../ css/bootstrap.css src = "../ lib/jquery.js"> </script> <script src = "../ lib/bootstrap.js"> </script> <!-طرق الأدوات-> <script src = "../ scripts/global.js src = "../ scripts/plugin.js"> </script> </head> <body> <viv> <viv> <siv> نموذج المجموعة </label> </div> <div> <form a action = "#" id = "formcontainer"> </fum الفرق هو أن عنصر تكوين التجميع هو نموذج "المجموعة: عنصر التكوين" </h3> </viv> </viv> <script> $ (function () {// لاحظ أنه عند تكوينه كأن نموذج مجموعة ، يكون عنصر التكوين هو كائن JSON بدلاً من صفيف var eles = {'user المعلومات ': [[{eLe: {type:' text '، name:' username '، title:' username: '، required: true}} ، {eLe: {type:' radio '، name:' sex '، title:' الجنس: '، العناصر: {text:' male '، value: 1} ، ] ، [{ele: {type: 'checkbox' ، name: 'plant' ، title: 'use النظام الأساسي: '، العناصر: [{text:' app '، value:' app '} ، {text:' web '، value:' web '}]} ، {ele: {type:' select '، name:' provi nce '، العنوان: "المقاطعة:" ، withnull: true ، العناصر: [{text:' guangdong '، value:' gd '} ، {text:' hunan '، value:' hn '}]}} ]] ، "معلومات أخرى": [{eLe: {type: 'text' ، name: 'displayName' ، title: 'displayName:'}} ، [{ele: {type: 'dateTime' ، name: 'fromedate' ، title: 'Vality Period:'}} ، ]} ؛ // عناصر النماذج المخفية تستخدم بشكل أساسي للتحرير.تشغيل مخطط التأثير: (يحتوي عنصر التكوين الحالي على جزأين: معلومات المستخدم والمعلومات الأخرى)
ما سبق هو الوصف الكامل لتكوين نموذج كتلة Bootstrap Smart Series (III) الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!