readmore.js无法使用bootstrap 3？ （Django，jQuery，Bootstrap 3）

Question

好的，我已经添加了readmore.js和导入的jquery，如下所示：

{% block head %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="{% static 'location/readmore.min.js' %}"></script>
<script>
    $('.article').readmore();
</script>
{% endblock %}

块头和端块是django框架的一部分

以下是我的文章：

<div class="row"><!--Row 2 start -->
    <div class="col-md-9">
        <h2> About this Location </h2>
        <p class="article">{{object.description}}</p>
    </div>
</div>

我之前没有玩过jQuery或javascript。但是我遵循了所有的指示，这是行不通的。我究竟做错了什么？

我尝试将脚本放在页面的末尾，开头。什么都不行

提前致谢！