Rendering adalah sebagai berikut:
Kode implementasi adalah sebagai berikut:
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Navigation bar</title><link rel="stylesheet" href = "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"></head><body><Nav Peran =" Navigasi "> <v> <Div> <Tombol tipe =" Tombol "data-koggle =" collapse " data-target="#menu"><span></span><span></span><span></span><span></span></button><a href="">A management system</a></div><div id="menu"><ul><li><a href="#">Home</a></li><li><a href="#" data-toggle="dropdown" role="button">Function<span></span></a><ul><li>Business Function</li><li><a href="#">Information Establishment</a></li><li><a href="#">Information Query</a></li><li><a href="#">Information Management</a></li><li ROLE = "EPARETOR"> </li> <li> Fungsi sistem </li> <li> <a href = "#"> pengaturan </a> </li> </li> </li> <li> <a href = "#"> Bantuan </a> </li> <form> <Form> <Form> <Div> <input type = "TEXT =" TEKS = "TEKS =" TEKS = "" TEKS = "TEKS =" " placeholder = "password"> <tombol type = "Tombol"> Login </button> </div> </form> </div> </av> <script src = "http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"> </skrip> <script> <cript> skrip src = "http://cdn.bootcss.com/boottrap/3.2.0/js/boottrap.min.js"> </script> </body> </html>
Di atas adalah item menu drop-down berbasis bootstrap dan bilah navigasi bentuk (dua item menu, satu menu tarik-turun dan bilah navigasi formulir) yang diperkenalkan kepada Anda. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!