导航栏

最新推荐文章于 2021-08-04 08:44:43 发布

qq_42250804

最新推荐文章于 2021-08-04 08:44:43 发布

阅读量151

点赞数

本文链接：https://blog.csdn.net/qq_42250804/article/details/100752539

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="bootstrap-3.3.7-dist/js/jquery-3.4.1.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>

</head>
<body>
<div class="container">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">

        <div class="navbar-header navbar-default">
            <span class="navbar-brand">管理系统</span>
        </div>

            <div>
                <ul class="nav navbar-nav">
                    <li><a href="">123</a></li>
                    <li class="dropdown"><!--dropdown为了相对定位-->
                        <a href="" data-toggle="dropdown">321</a>
                        <ul class="dropdown-menu">
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                        </ul>
                    <li><a href="">456</a></li>
                    <li class="dropdown"><!--dropdown为了相对定位-->
                        <a href="" data-toggle="dropdown">654</a>
                        <ul class="dropdown-menu">
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                        </ul>
                    <li class="dropdown"><!--dropdown为了相对定位-->
                        <a href="" data-toggle="dropdown">9的</a>
                        <ul class="dropdown-menu">
                            <li>9</li>
                            <li>9</li>
                            <li>9</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
</body>
</html>