Bootstrap هو إطار أمامي شائع للغاية. ببساطة ، إنها أداة مجموعة لـ HTML و CSS و JavaScript. يمكننا استخدام bootstrap لإنشاء موقع ويب أو برمجيات بسيطة وجديدة. مع Bootstrap ، لم يعد على المطورين الخلفيين القلق بشأن بناء الواجهة الأمامية.
Bootstrap هي مجموعة أدوات مفتوحة المصدر لتطوير الواجهة الأمامية التي أطلقتها Twitter ، إطار عمل CSS/HTML. يوفر Bootstrap مواصفات HTML و CSS أنيقة ، والتي يتم كتابتها بلغة CSS الديناميكية أقل. إنه مشروع مفتوح المصدر شهير على جيثب.
تم تطويره استنادًا إلى إطار عمل jQuery وهو أكثر إنسانية وشخصية استنادًا إلى إطار عمل jQuery ، حيث يشكل مجموعة من أسلوب موقع الويب الخاص به ومتوافق مع معظم المكونات الإضافية jQuery.
يحتوي Bootstrap (1) على ثروة من مكونات الويب ، استنادًا إلى هذه المكونات ، يمكنك بسرعة بناء موقع ويب جميل ووظائف بالكامل. ويشمل المكونات التالية: القائمة المنسدلة ، مجموعة الأزرار ، القائمة المنسدلة للزر ، التنقل ، شريط التنقل ، فتات الخبز ، الترحيل ، الأنواع ، الصور المصغرة ، حوار تحذير ، أشرطة التقدم ، مربعات حوار الوسائط ، إلخ (2) تأتي مع 13 مكونات إضافية ، والتي تعطي حياة في الحذاء. وتشمل هذه: مربعات الحوار الوضع ، علامات التبويب ، أشرطة التمرير ، مربعات منبثقة ، إلخ.
وصف bootstrap على الموقع الصيني هو:
bootstrap
إن إطار التنمية الأمامي البسيط والبديه والقوي يجعل تطوير الويب أسرع وأبسط.
تنزيل: http://v3.bootcss.com/
بعد التنزيل ، يمكنك رؤية الدلائل والملفات التالية ، والتي يتم وضعها في أدلة مختلفة وفقًا للفئة. وتتوفر نسختين: مضغوط وغير مضغوط.
بعد تنزيل الحزمة المضغوطة ، قم بفك ضغطها في أي دليل وسترى بنية الدليل التالية:
هذه هي مؤسسة Bootstrap الأساسية: يمكن استخدام الملفات غير المضغوطة مباشرة في أي مشروع ويب. نحن نقدم مضغوط (bootstrap.min.*) وغير مضغوط (bootstrap.*) ملفات CSS و JS. ملف أيقونة الخط هو من الغليفيكون.
القالب الأساسي
استخدم قالب HTML البسيط هذا الوارد أدناه ، أو تعديل هذه الحالات. يوصى بتعديل هذه الحالات وفقًا لاحتياجاتك ، بدلاً من مجرد نسخها أو لصقها.
نسخ ولصق رمز HTML الوارد أدناه ، هذه هي أسهل صفحة bootstrap.
<! doctype html> <html> <head> <title> template 101 template </itha> <meta name = "viewport" content = "width = width device ، scale scale = 1.0"> <! href = "http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!-html5 shim و revtion.js ie8 دعم عناصر html5 والاستعلام عن وسائل الإعلام-warning lt ie 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"> </script> <! src = "http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"> </script> <!-قم بتضمين جميع الإضافات المترجمة (أدناه) ، أو تضمين الملفات الفردية حسب الحاجة-> <script src = "http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"> </script> </body> </html>
ما سبق هو المعرفة ذات الصلة بملاحظات تعلم bootstrap التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك!