首页 > 解决方案 > 引导类(卡)在 asp.net 视图中不起作用

问题描述

我正在尝试显示带有后端检索到的信息的卡片网格,但似乎引导类没有按预期工作。layout.cshtml 视图似乎可以正确显示引导程序,而我也有其他视图。不知道它是否只是 .card 和 row/col 类的问题,还是一个更大的问题。

     <div class="row">
@foreach (var product in Model)
    {
        <div class="col-4">
            <div class="card" style="width: 18rem;">
                <img class="card-img-top" style="width: 18rem;" src="@product.Url" alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title">@product.Title</h5>
                    <p class="card-text">@product.Price</p>

                </div>
            </div>
        </div>
    }
</div>

页面的样子:

https://imgur.com/a/8yEDxee

标签: c#.netasp.net-mvctwitter-bootstrap

解决方案


推荐阅读