如何在asp.net mvc中对Bootstrap卡进行分页

<div class="card-deck">
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">Card 1</h5>
            <p class="card-text">This is card 1 content.</p>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">Card 2</h5>
            <p class="card-text">This is card 2 content.</p>
        </div>
    </div>
    <!-- 添加更多的卡片 -->
</div>

public ActionResult Index(int? page)
{
    // 获取所有卡片数据
    var cards = GetCards();

    // 设置每页显示的卡片数量
    int pageSize = 10;

    // 计算当前页码
    int pageNumber = (page ?? 1);

    // 对卡片数据进行分页
    var pagedCards = cards.ToPagedList(pageNumber, pageSize);

    // 将分页后的数据传递给视图
    return View(pagedCards);
}

@model PagedList.IPagedList<Card>

<!-- 显示卡片内容 -->
<div class="card-deck">
    @foreach (var card in Model)
    {
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">@card.Title</h5>
                <p class="card-text">@card.Content</p>
            </div>
        </div>
    }
</div>

<!-- 显示分页导航 -->
<div class="pagination">
    @Html.PagedListPager(Model, page => Url.Action("Index", new { page }), new PagedListRenderOptions { Display = PagedListDisplayMode.IfNeeded })
</div>