昆仑山:眼中无形心中有穴之穴人合一

夫君子之行，静以修身，俭以养德；非澹泊无以明志，非宁静无以致远。夫学须静也，才须学也；非学无以广才，非志无以成学。怠慢则不能励精，险躁则不能冶性。年与时驰，意与岁去，遂成枯落，多不接世。悲守穷庐，将复何及！

 

bootstrap4之导航栏 


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Davi园林-美!我喜欢</title>
    <!--    导入外部css样式-->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/uos.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
    <span class="navbar-brand">Davi</span>

    <button class="navbar-toggler" data-toggle="collapse" data-target="#navbar">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div id="navbar" class="collapse navbar-collapse">
        <ul class="navbar-nav">
            <li class="nav-item active"><a href="#" class="nav-link">公司主页</a></li>
            <li class="nav-item"><a href="#" class="nav-link">工程案例</a></li>
            <li class="nav-item"><a href="#" class="nav-link">公司荣誉</a></li>

            <li class="nav-item"><a href="#" class="nav-link">企业文化</a></li>
            <li class="nav-item"><a href="#" class="nav-link">资讯动态</a></li>
            <li class="nav-item"><a href="#" class="nav-link">英才招聘</a></li>
            <li class="nav-item"><a href="#" class="nav-link">关于我们</a></li>


        </ul>


        <form action="" class="form-inline ml-auto">
            <input type="text" class="form-control mr-2" placeholder="关键字">
            <button class="btn btn-outline-secondary my-2">搜索</button>
        </form>

            
    </div>
</nav>


<br>
<br>


<!--导入外部js样式,jquery样式优先-->
<script src="js/jquery-3.5.1.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

posted on 2020-05-16 07:09  Indian_Mysore  阅读(659)  评论(1)    收藏  举报

导航