无法访问html页面

Question

您好我不知道是什么问题..为什么当我点击关于我们的按钮我不能进入新页面，但网站中的网址更改。该页面只读取扩展块，但新读取块号。

这是模板（只有与按钮相关的模板）

<div class="btn-group cust-dropdown pull-right">
    <button type="button" class="btn btn-default dropdown-toggle cust-dropdown" data-toggle="dropdown"role="button">
        <i class="glyphicon glyphicon-menu-hamburger"></i>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="{% url 'about' %}">About</a></li>
        <li><a href="">Documentation</a></li>
        <li><a href="">Pricing</a></li>
        <li><a href="">Contact us</a></li>
        <li><a href="">Register</a></li>
    </ul>
</div>

这是观点：

def base(request):
    return render(request, 'base.html', {'active_page':'base'})

def about(request):
    return render(request, 'about.html', {'active_page':'about'})

关于html：

{% extends 'base.html' %}

{% block title %}About{% endblock %}

{% block content %}
<div class='row'>
    <div class="col-lg-6">
        <h3>Summary</h3>
        <p> Our organization is related to </p>
    </div>
</div>
{% endblock %}

The image link is here, only the extendable form appear when i click on about