ملاحة
التنقل المتوفرة في Bootstrap لها علامات مماثلة ، بدءًا من الفئة الأساسية .NAV ، وهو الجزء المماثل. يمكن تغيير فئة التعديل تغيير النمط.
<! doctype html> <html> <head> <meta charset = "utf-8"> <!-<link rel = "stylesheet">-> <link rel = "stylesheet" href = "css /bootstrap.min.css" /><style>. 20px ؛} </style> </head> <body> <viv> <viv> <ul> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> profile </a> </li> <li> <li> <a href = "#"> الرسائل </li> </ul> </ul> src = "js/jquery.min.js"> </script> <script type = "text/javaScript" src = "js/bootstrap.min.js"> </script> <!-<script src = "http://libs.baidu.com/jquery/1 src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script>-> </body> </html>
1. صفحة العلامة
لاحظ أن فئة .NAV-TABS تتطلب فئة قاعدة .NAV. فقط أضف .nav-stacked ويمكنك تكديسه رأسياً.
<ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> الملف الشخصي </a> </li> <li> <a href = "#"> الرسائل </a> </li> </ul>
2. صفحة علامة على غرار الكبسولة
يتم استبدال NAV-TABS بـ .NAV-PILLS.
الروابط المعوقة:
<li> <A> ملف تعريف </a> </li>
لا يوجد تأثير تحويم الماوس ، وظيفة الارتباط لا تتأثر
3. استخدم القائمة المنسدلة
<ul> <li> <a data-toggle = "sropdown" href = "#"> المنسدلة <span> </aa> </a> <ul> <li> <A href = "#"> home </a> </li> <li> <li> <shref = "#" HREF = "#"> الصفحة الرئيسية </a> </li> </li> <li> <a href = "#"> ملف تعريف </a> </li> </ul>
4. المتغيرات المتاحة
<span> الافتراضي </span> <span> الأساسي </span> <span> النجاح </span> <span> info </span> <span> تحذير </span> <span> Danger </span>
5. الملاحة الخبز
<ol> <li> <a href = "#"> الصفحة الرئيسية </a> </li> <li> <a href = "#"> المكتبة </a> </li> <li> البيانات </li> </ol>
ما سبق هو المعرفة ذات الصلة حول التنقل والعلامات والتنقل في الخبز (منتجات عالية الجودة) لتعلم مكون Bootstrap الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!