การเรนเดอร์มีดังนี้:
รหัสการใช้งานมีดังนี้:
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua content =" edge = edge "> rel = "stylesheet" href = "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.cs"></head> data-target = "#menu"> <span> </span> <span> </span> <span> </span> <span> </span> </button> <a href = ""> ระบบการจัดการ </a> </div> <div id = "เมนู"> <ul> <li> role = "ปุ่ม"> ฟังก์ชั่น <span> </span> </a> <ul> <li> ฟังก์ชั่นธุรกิจ </li> <li> <a href = "#"> การจัดตั้งข้อมูล </a> </li> <li> role = "separetor"> </li> <li> ฟังก์ชั่นระบบ </li> <li> <a href = "#"> การตั้งค่า </a> </li> </li> </li> <li> <a href = "#"> help </a> </li> type = "ปุ่ม"> เข้าสู่ระบบ </button> </div> </form> </div> </nav> <script src = "http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" src = "http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> </body> </html>
ด้านบนเป็นรายการเมนูแบบเลื่อนลงที่ใช้ bootstrap และแถบการนำทางแบบฟอร์ม (สองรายการเมนูเมนูแบบเลื่อนลงหนึ่งเมนูและแถบการนำทางแบบฟอร์มเข้าสู่ระบบ) แนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!