layout.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="zh">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  9. <meta name="description" content="">
  10. <meta name="author" content="">
  11. <link rel="icon" href="../../favicon.ico">
  12. <title>Dashboard Template for Bootstrap</title>
  13. <link rel='stylesheet' href="{% static 'stylesheets/bootstrap.min.css' %}">
  14. <link rel="stylesheet" media="screen" href="{% static 'stylesheets/dashboard.css' %} ">
  15. <link rel="stylesheet" media="screen" href="{% static 'stylesheets/dataTables.bootstrap.min.css' %}">
  16. <link rel="shortcut icon" type="image/png" href="{% static 'images/favicon.png' %}">
  17. <link rel="stylesheet" media="screen" href="{% static 'stylesheets/main.css' %}">
  18. <link rel="stylesheet" media="screen" href="{% static 'stylesheets/bootstrap-table.css' %}">
  19. <link rel="stylesheet" media="screen" href="{% static 'stylesheets/buttons.dataTables.min.css' %}">
  20. </head>
  21. <body>
  22. <nav class="navbar navbar-inverse navbar-fixed-top">
  23. <div class="container-fluid">
  24. <div class="navbar-header">
  25. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
  26. aria-expanded="false" aria-controls="navbar">
  27. <span class="sr-only">Toggle navigation</span>
  28. <span class="icon-bar"></span>
  29. <span class="icon-bar"></span>
  30. <span class="icon-bar"></span>
  31. </button>
  32. <a class="navbar-brand" style="font-size: 24px; padding: 15px;" href="#">重大病虫害监测预警管理系统</a>
  33. </div>
  34. </div>
  35. </nav>
  36. <div class="container-fluid">
  37. <div class="row">
  38. <div class="col-sm-3 col-md-2 sidebar">
  39. <ul class="nav nav-sidebar">
  40. <li class="active"><a href="#">采集地图 <span class="sr-only">(current)</span></a></li>
  41. <li><a href="/map/">地图展示</a></li>
  42. </ul>
  43. <ul class="nav nav-sidebar">
  44. <li class="active"><a href="#">病虫害管理<span class="sr-only">(current)</span></a></li>
  45. <li><a href="/pestindex/">病虫害数据</a></li>
  46. </ul>
  47. </div>
  48. <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  49. {% block content %}{% endblock %}
  50. </div>
  51. </div>
  52. </div>
  53. </body>
  54. </html>