[Solved] Hello guys when i click on the button that is the title i got the same blog for each title

by


To get individual blog details in the modal you need to pass the blog id to the modal as a prop.
It can be done by adding blog.id in the button data-target prop and receive the blog.id in modal id prop.
the solution in given below,

{% for blog in blogs %}
<div class="col-xl-12 col-md-6 col-xs-12 blog">
    <div class="right-text-content">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal{{blog.id}}">
            <h2 class="sub-heading">{{blog.title|title}}</h2>
        </button>
        <!-- Modal -->

        <div class="modal fade align-self-end mr-3 " id="myModal{{blog.id}}" tabindex="1" role="dialog"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{blog.title|title}}</h5>

                        <h6 class="float-right">{{blog.created_at}}</h6>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        {{blog.content|linebreaks}}
                    </div>
                    <div class="modal-footer">
                        <h5>Created by {{blog.name}}</h5>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <p>
            <br>
            <a rel="nofollow noopener" href="{{blog.name_url}}" target="_parent">{{blog.name}}</a>
            <br>
            {{blog.content|linebreaks}}
        </p>
        {{blog.created_at}}
    </div>
</div>
{% endfor %}

solved Hello guys when i click on the button that is the title i got the same blog for each title