実現したいこと
詳細ボタンからpost_detail.htmlへのアクセスが出来るように
発生している問題
詳細ボタンをクリックしてもpost_detail.htmlにアクセスできない
ソースコード
{% for post in post_data %}
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">{{post.title}}</h2>
<p class="card-text">{{post.content|truncatechars:100}}</p>
<div class="btn btn-warning">詳細</div>
</div>
<div class="card-footer teext-muted">
{{post.created|date}} by {{post.author}}
</div>
<a href="{% url 'post_detail' post.id %}" class="streched-link">test</a>
</div>
{% endfor %}
</div>
自分で試したこと
aタブ内にtestを作りそこからリンクにアクセスした。その場合、詳細画面にアクセスすることができた。
補足情報
回答 1件
回答するにはログインが必要です
Bootstrapのバージョンによっては、streched-linkクラスが効いてないかもです。
詳細ボタンをaリンクで囲ってみてください。
<a href="{% url 'post_detail' post.id %}">
<div class="btn btn-warning">詳細</div>
</a>