nav.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!-- Static navbar -->
  2. <nav class="navbar navbar-default navbar-fixed-tops navbar-static-top dever-nav">
  3. <div class="container">
  4. <div class="navbar-header">
  5. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  6. <span class="sr-only">Toggle navigation</span>
  7. <span class="icon-bar"></span>
  8. <span class="icon-bar"></span>
  9. <span class="icon-bar"></span>
  10. </button>
  11. <a class="navbar-brand" id="dever-logo" href="#">DeverPHP</a>
  12. </div>
  13. <div class="navbar-collapse collapse" id="navbar">
  14. <ul class="nav navbar-nav" id="dever_navbar">
  15. <li class="active"><a href="#">社区</a></li>
  16. <li><a href="#about">博客</a></li>
  17. <li><a href="#contact">关于</a></li>
  18. <li><a href="#about">文档</a></li>
  19. </ul>
  20. <div class="navbar-right">
  21. <form method="GET" action="" accept-charset="UTF-8" class="navbar-form navbar-left" target="_blank">
  22. <div class="form-group" style="display:none;">
  23. <input class="form-control search-input mac-style" placeholder="搜索" name="q" type="text">
  24. </div>
  25. </form>
  26. <ul class="nav navbar-nav" id="dever_login_info">
  27. <li>
  28. <a href="#" class="text-warning" style="display:none;">
  29. <span class="badge badge-fade" >0</span>
  30. </a>
  31. </li>
  32. <li>
  33. <a href="#">
  34. <i class="glyphicon glyphicon-user"></i> <span>paladinly</span>
  35. </a>
  36. </li>
  37. <li>
  38. <a class="button" href="#" onclick=" return confirm('你确定要退出吗?')">
  39. <i class="glyphicon glyphicon-log-out"></i> <span>退出</span>
  40. </a>
  41. </li>
  42. </ul>
  43. <span id="dever_login">
  44. <a class="btn btn-default dever-btn-login" href="../../components/#navbar" role="button">登录</a>
  45. &nbsp;
  46. <a class="btn btn-default dever-btn-login" href="../../components/#navbar" role="button">注册</a>
  47. </span>
  48. </div>
  49. </div><!--/.nav-collapse -->
  50. </div>
  51. </nav>