在foreach循环内连续显示bootstrap面板

时间:2015-09-11 08:10:18

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

这是我的代码,我该怎么做才能连续显示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>

0 个答案:

没有答案