导航
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <link rel="stylesheet" href="css/bootstrap.css"> </head> <body> <!-- <nav class="navbar navbar-default navabar-fixed-top"> --> <!-- <nav class="navbar navbar-default navabar-fixed-bottom"> --> <nav class="navbar navbar-default navabar-static-top"> <div class="container"> <div class="navbar-header"> <span class="navbar-brand">兄弟连IT教育-Java23期</span> </div> <ul class="nav nav-pills "> <li><a href="#">首页</a></li> <li><a href="#">欧美</a></li> <li><a href="#">日韩</a></li> <li><a href="#">国产</a></li> <li><a href="#">无码</a></li> <li class="disabled"><a href="#">高清</a></li> <li class="active"><a href="#">高清</a></li> <li class="dropdown"><a href="#" data-toggle="dropdown">更多 <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">高清资源</a></li> <li><a href="#">动漫资源</a></li> <li><a href="#">中文资源</a></li> <li><a href="#">付费资源</a></li> </ul></li> </ul> <form action="https://search.jd.com/Search" class="navbar-form navbar-right"> <input type="hidden" name="enc" value="utf-8"> <div class="input-group"> <input type="text" placeholder="请输入商品名称" name="keyword"> <span class="input-group-addon glyphicon glyphicon-search" onclick="$(this).parent().parent().submit()" style="cursor: pointer; top: 0px; padding: 5px 12px;"></span> </div> </form> <span class="navbar-text">哈哈哈</span> </div> </nav> </body> </html>