displaying 3 records/ columns in a row
i have the below code which displays 3 records in a row , 4 th record goes in next row . it works fine
but this is in normal view in which header / footer menu is displayed
so used partial view inwhich header / footer menu is not displayed but the record alignment gets changed
all the records appear vertical one below the another
how to align as needed in partial view
<div class="row">
@foreach (var item in Model)
{
if (i != 0 && i% 3 == 0)
{
@:</div>
@:<div class="row">
}
<div class="col-md-4">
<div class="thumbnail">
<p>@item.CustomerName</p>
<p>@item.ProductName</p>
<p>@item.Item </p>
</div>
</div>
</div>
i++;
}
</div>