bootstrap4 nav 菜单

@charset "UTF-8";

/****************** 公共通用样式 begin******************/

body{
color:#000;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}
a:hover{
text-decoration:none;
}
ul,ol{
list-style:none;
}
/**设置字体**/
@font-face{
font-family:lk;
src:url('../fonts/lk.eot') format('embedded-opentype'),
url('../fonts/lk.svg') format('svg'),
url('../fonts/lk.ttf') format('truetype'),
url('../fonts/lk.woff') format('woff');
}
[class="icon-"],[class*=" icon-"]{
font-family:lk;
font-style:normal;
}
/****************** 公共通用样式样式end******************/

/****************** 页头 样式 begin******************/

#kq_header .navbar-kq{
/* border-bottom:1px solid #e0e0e0; */
}
/**设置logo**/
#kq_header .navbar-kq .navbar-brand{
200px;
height:90px;

}
/**设置菜单样式 写法（navbar-nav>li>a） **/
#kq_header .navbar-kq .navbar-nav>li>a{
height:90px;
/* background-color: orange; */
/**居中显示**/
display: flex;
justify-content:center;
align-items:center;
margin-right: 10px;
}
#kq_header .navbar-kq .navbar-nav>li>a:hover{
color:#007bff;
border-bottom:2px solid #007bff;
}
/**设置 小图高度**/
#kq_header .navbar-kq .navbar-toggler{

}

/****************** 页头 样式end******************/

/****************** 表单 样式 begin******************/
#kq_header{
background-color: orange;
}
/****************** 表单 样式end******************/

/****************** 表单 样式 begin******************/
#kq_list{
/* background-color: green; */
}
/****************** 表单 样式end******************/

/****************** 页底 样式 begin******************/
#kq_footer{
100%;
height: 80px;
}
#kq_footer .container .row{
height: 80px;
line-height: 80px;
}
/****************** 页底 样式end******************/

HTML

<section ></span>
</button>

<div class="collapse navbar-collapse" >请假申请单</a></li>
</ul>

</div>
</nav>


</div>
</section>