<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}
title
{% endblock %}</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 java script 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style>
*{
margin: 0;
padding: 0;
}
.head{
width: 100%;
height: 50px;
background-color: indigo;
color: white;
font-size: 30px;
line-height: 50px;
}
</style>
</head>
<body>
<div class="head">爱读书欢迎你</div>
<div>
<div class="left col-md-2">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">菜单</h3>
</div>
<div class="panel-body">
<p><a href="{% url 'shouye' %}">首页</a></p>
<p><a href="{% url 'wenxue' %}">文学</a></p>
<p><a href="{% url 'shige' %}">诗歌</a></p>
<p><a href="{% url 'xiaoshuo' %}">小说</a></p>
</div>
</div>
</div>
<div class="right col-md-10">
{% block content1 %}
<div class="container">
<table class="table table-bordered&qu