navigasi
Navigasi yang tersedia di Bootstrap memiliki tag serupa, dimulai dengan kelas dasar .nav, yang merupakan bagian yang sama. Mengubah kelas modifikasi dapat mengubah gaya.
<! Doctype html> <html> <head> <meta charset = "utf-8"> <!-<link rel = "stylesheet">-> <link rel = "stylesheet" href = "css /bootstrap.min.css" /><style>. 20px;} </tyle> </head> <body> <div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> Profil </a> </li> <li> <a href = "#"> Pesan </a> </a> </li> <li> <a href = "#"> Pesan </a> </a> </li> <li> <a href = "#" Pesan </a> </a> </uL> </Ul </uPrip = "TOPP ="#" src = "js/jQuery.min.js"> </script> <script type = "text/javaScript" src = "js/bootstrap.min.js"> </script> <!-<script src = "http://libs.baidu.com/jqery/1.9.0/script: http://libs.baidu.com/jqerery/1.9. src = "http://maxcdn.boottrappcdn.com/boottrap/3.2.0/js/boottrap.min.js"> </script>-> </body> </html>
1. Halaman tag
Perhatikan bahwa kelas .nav-tabs membutuhkan kelas dasar .NAV. Cukup tambahkan .NAV-bertumpuk dan Anda dapat menumpuknya secara vertikal.
<ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> profil </a> </li> <li> <a href = "#"> pesan </a> </li> </ul>
2. Halaman tag gaya kapsul
NAV-Tabs diganti dengan .NAV-Pills.
Tautan Dinonaktifkan:
<li> <a> profil </a> </li>
Tidak ada efek hover mouse, fungsi tautan tidak terpengaruh
3. Gunakan menu tarik-turun
<ul> <li> <a data-koggle = "dropdown" href = "#"> dropdown <span> </span> </a> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> </a> </a> </li> <li> <a href = "#"> </a> </a> </li> <li> <a href = "#"> </a> </a> </li> <li> <a href = "#"> </a> </a> </li> <li> <a href = "#"> </a> </a> </li> <li> <li> href = "#"> home </a> </li> </li> <li> <a href = "#"> profil </a> </li> </ul>
4. Varian yang tersedia
<span> default </span> <span> primer </span> <span> sukses </span> <span> info </span> <span> peringatan </span> <span> bahaya </span>
5. Navigasi Breadcrumb
<Ol> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> pustaka </a> </li> <li> Data </li> </Ol>
Di atas adalah pengetahuan yang relevan tentang navigasi, label, dan navigasi remah roti (produk berkualitas) untuk pembelajaran komponen bootstrap yang diperkenalkan oleh editor kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!