دعم لسلسلة Bootstrap الأذكي

ما هو 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 للحصول على نسختك الخاصة.

في المشاريع ، نرى غالبًا خيارات المقاطعات والبلدية والمقاطعة. في الواقع ، هناك العديد من الطرق لتنفيذها. سيقدم لك المحرر التالي دعمًا من سلسلة Bootstrap Cascade في الشكل الذكي من bootstrap . المقدمة المحددة هي كما يلي:

1. عند تحديد المستوى الأول ، يمكنك تحميل أو استخدام مصدر البيانات المقابل للمستوى الأول من الكائن المحلي لعرضه في القائمة ، والمستوى الثاني وما إلى ذلك

2. هناك أيضًا تحميل جميع العناصر في Select ، ثم عرض أو إخفاء العناصر غير المرتبطة بالمستوى السابق من خلال الارتباط.

أشعر أن النوع الثاني أبسط ، لذلك استخدمت الطريقة الثانية لتحقيق ذلك ، والباقي ليس هراء.

الرمز كما يلي (عنوان الصفحة: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-cascade.html):

لقطة شاشة للتشغيل المحلي:

ما سبق هو الوصف الكامل لدعم سلسلة Bootstrap Smart Form Series (11) المتتالية التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!