bootstrap自适应导航菜单效果代码
代码语言:html
所属分类:菜单导航
代码描述:bootstrap自适应导航菜单效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html> <head> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/all.min.css"> <style> @import url('https://fonts.googleapis.com/css?family=Roboto'); body { font-family: 'Roboto', sans-serif; background-color: #1F1F1F; } * { margin: 0; padding: 0; } i { margin-right: 10px; } /*----------multi-level-accordian-menu------------*/ .navbar-logo { padding: 15px; color: #fff; } .navbar-mainbg { background-color: #5161ce; padding: 0px; } #navbarSupportedContent { overflow: hidden; position: relative; } #navbarSupportedContent ul { padding: 0px; margin: 0px; } #navbarSupportedContent ul li a i { margin-right: 10px; } #navbarSupportedContent li { list-style-type: none; float: left; } #navbarSupportedContent ul li a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 15px; display: block; padding: 20px 20px; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); position: relative; } #navbarSupportedContent>ul>li.active>a { color: #5161ce; background-color: transparent; transition: all 0.7s; } #navbarSupportedContent a:not(:only-child):after { content: &.........完整代码请登录后点击上方下载按钮下载查看
网友评论0