如何使模态响应？

Question

我已经实现了这个引导模式框。它工作完美，非常易于使用，但是没有响应能力。我们如何使其具有响应能力？请帮忙。

@model LEOCoins.Entities.Models.AccountStatementTableModel

<div class="row pb-5">
<div class="col-lg-6 font-weight-bold">
    @Model.Date
</div>
<div class="col-lg-6 font-weight-bold text-right">
    @Model.Text
</div>
</div>
<table class="display nowrap dataTable dtr-inline collapsed">
<thead>
    <tr>
        <th>#</th>
        <th>Date</th>
        <th>Details</th>
        <th>Quantity</th>
        <th>Balance</th>
    </tr>
</thead>
<tbody>
    @foreach (var line in Model.Lines)
    {
        <tr>
            <td>@line.Id</td>
            <td>@(line.Date.HasValue ? line.Date.Value.AddHours(5).ToString() : "-")</td>
            <td>@line.Details</td>
            <td>@line.Quantity</td>
            <td>@line.Balance</td>
        </tr>
    }
</tbody>