采用bootstrap前端框架：
Anchor - a free Bootstrap UI Kit综合使用bootstrap框架做一个Aotm Blog个人博客_基于bootstrap的博客-CSDN博客
做出模板base.html
{% load static %}
<!DOCTYPE html>
{% block css %}{% endblock %}
采取模板继承做出index.html
{% extends 'base.html' %}
{% load static %}
{% block css %}
{% endblock %}
{% block content %}
<!-- 左右切换按钮 -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
{% endblock %}
其中轮播图图片大小不一导致，引用的bootstrap的轮播边框大小变化，写了CSS样式代码，固定住了边框。
