Bootstrap ، من Twitter ، هو الإطار الأمامي الأكثر شعبية في الوقت الحاضر. يعتمد Bootstrap على HTML و CSS و JavaScript. إنها بسيطة ومرنة ، مما يجعل تطوير الويب أسرع.
النقاط الرئيسية للتعلم:
1. مكون المسار
2. مكونات ترقيم الصفحات
3. مكونات العلامة
4. مكونات الشارة
في هذا الدرس ، سنتعرف بشكل أساسي على وظائف المكونات الأربعة في Bootstrap: مكون المسار ، مكون الترحيل ، مكون التسمية ومكون الشارة.
واحد. مكون المسار
يسمى مكون المسار أيضًا الملاحة.
// breadcrumb navigation <ol> <li> <a href = "#"> home </a> </li> <li> <a href = "#"
اثنين. مكونات ترقيم الصفحات
يمكن أن يوفر مكون الترحيل الوظائف مع صفحات العرض.
// ترقيم الصفحات الافتراضية <ul> <li> <a href = "#"> «</a> </li> <li> <a href ="#"> 1 </a> </li> <li> <a href ="#"> 2 </a> </li> <li> <a href ="#" href = "#"> 4 </a> </li> <li> <a href = "#"> 5 </a> </li> </ul> // التفضيلات والتعطيل <li> <a href = "#"> 1 </a> </li> <li> <a href = "#" </a> </li> التأثيرات <ul> <li> <a href = "#"> 1 </a> </li> </li> // تعيين أحجام ، أربعة LG ، الافتراضي ، SM و XS <ul> // الصفحة تأثيرات <ul> <li> <a href = "#"> الصفحة السابقة </a> </li> <li> <ul> <li> <a href = "#"> الصفحة السابقة </a> </li> </ul> // تعطيل عنصر تشغيل الصفحة <li> <a href = "#"> الصفحة السابقة </a> </li>
ثلاثة. ملصق
// العلامات مع العلامة <h3> علامة <span> جديدة </span> </h3> // علامات النغمات المختلفة <H3> العلامات <span> جديدة </span> </h3> <h3> العلامات <span> جديدة </span> </h3> <h3> العلامات <span> الجديدة </h3> <h3> <span> جديد </span> </h3>
أربعة. شارة
// معلومات كمية المعلومات غير المقروءة <a href = "#"> المعلومات <span> 10 </span> </a> // استخدم شارة في الزر <button> إرسال <span> 3 </span> </utton> // acction status تلقائيًا </li> <ul> <li> <li> <a href = "#" HREF = "#"> المعلومات </a> </li> </ul>
ما سبق هو علامة ترقيم المسار ومكون شارة مكون bootstrap الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا للجميع!