The renderings are as follows:
The implementation code is as follows:
<!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 role="navigation"><div><div><button type="button" data-toggle="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="separetor"></li><li>System Function</li><li><a href="#">Settings</a></li></li></li><li><a href="#">Help</a></li></ul><form><div><input type="text" placeholder="username"><input type="text" placeholder="password"><button type="button">Login</button></div></form></div></nav><script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script></body></html>
The above is the Bootstrap-based drop-down menu items and form navigation bars (two menu items, one drop-down menu and login form navigation bars) introduced to you. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!