Bootstrap类(卡)在asp.net视图中不起作用

时间:2019-12-24 19:15:17

标签: c# .net asp.net-mvc twitter-bootstrap

我正在尝试显示一张带有后端检索到的信息的卡片网格,但是引导类似乎没有按预期工作。 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

0 个答案:

没有答案