在foreach循环内的一行中显示引导面板

本文关键字：显示 一行 循环 foreach | 更新日期: 2023-09-27 18:12:28

这是我的代码，我应该怎么做，以显示3个面板在一行。有什么办法可以做到吗?

它显示在同一行，但下一个面板开始比前一个稍微低一点。我真的很感谢你的帮助

@foreach (DEProperty.Web.Models.PlotsViewModelSearchResult c in Model)
{                       
<div class="col-md-4">
    <div class="panel panel-info">
        <div class="panel-heading text-center">
            <h4>@c.PhaseText, @c.SectorText-@c.PlotAddress</h4>
        </div>
        <div class="panel-body text-center">
            <p class="lead">
                <img src="~/images/plot...image.jpg" />
            </p>
        </div>
        <ul class="list-group list-group-flush text-center">
            <li class="list-group-item" style="border:none">
                @c.AreaText
              </li>
            <li class="list-group-item" style="border:none">
                Facing Park
              </li>
            <li class="list-group-item text-center" style="border:none">
                Near Mosque
            </li>
            <li class="list-group-item" style="border:none">
                Near Commercial
            </li>
            <li class="list-group-item" style="border:none">
                Corner
            </li>
        </ul>
        <div class="panel-footer">
            <a class="btn btn-lg btn-block btn-info">Detail View</a>
        </div>
    </div>
</div>

在foreach循环内的一行中显示引导面板

像这样添加<div class="row">:

 <div class="row">    
 @foreach (DEProperty.Web.Models.PlotsViewModelSearchResult c in Model)
 {
    ....
 }
 </div>
相关文章：