This is what I have (the images inside an anchor):
And I want that low res images will be centered like this: (edited with paint)
This is the razor view:
<div>
<div class="row">
@foreach (var item in Model)
{
<div class="col-md-3 ">
<div class="thumbnail centerThumb" style="height:345px; width:280px;margin-bottom:15px">
<div style="height:125px; ">
<a href="@Url.Action("Details", "Items", new { id = item.ItemID})">
<img src="~/Content/thumbnails/@item.Img" alt="thmbnail" width="255" class="img-rounded centerThumb">
</a>
</div>
<div class="caption">
<h3>@Html.DisplayFor(modelItem => item.Name)</h3>
<p style="height:95px">@Html.DisplayFor(modelItem => item.Description)</p>
<p style="position:fixed">
<a href="#" class="btn btn-primary" role="button">Add to Cart</a>
</p>
<p style="margin-left:50%"> @Html.DisplayFor(modelItem => item.Price) </p>
</div>
</div>
</div>
}
</div>
Aucun commentaire:
Enregistrer un commentaire