为了账号安全,请及时绑定邮箱和手机立即绑定

<!DOCTYPE html>

<html>

<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>Hello World</title>



</head>


<body>

<nav class="navbar navbar-default" role="navigation">

    <div>

        <div>

        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

        <span>Toggle navigation</span>

        <span></span>

        <span></span>

        <span></span>

        </button>

        <a href="#">某管理系统</a>

        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav">

                <li><a href="#">首页</a></li>

                <li>

                    <a href="#" data-toggle="dropdown">功能 <span></span></a>

                    <ul role="menu">

                        <li><a href="#">业务功能</a></li>

                        <li><a href="#">信息建立</a></li>

                        <li><a href="#">信息查询</a></li>

                        <li><a href="#">信息管理</a></li>

                        <li></li>

                        <li><a href="#">系统功能</a></li>

                        <li><a href="#">设置</a></li>

                    </ul>

                </li>

                <li><a href="#">帮助</a></li>

            </ul>

            <form class="navbar-form navbar-left" role="type">

        <div>

          <input type="text" placeholder="用户名">

        </div>

        </form>

        <form class="navbar-form navbar-left" role="type">

        <div>

          <input type="text" placeholder="密码">

        </div>

        <button type="submit" class="btn btn-default">登陆</button>

        </form>

        </div>

    </div>

</nav>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

</body>

</html>


正在回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号