set 3 image in row

Question

 

index.cshtml 

 

 how can i set 3 image in row and then in next line ..image created from database ..

 

<table class="table">

<tr>

@foreach (var item in Model)

{

<tr>

<td>

<div class="col-md-3" style="border-style: groove; border-width: 2px; border-color: #3c8dbc; border-radius:10px;">

<div class="col-md-6">

<div class="list-group">

<h2 style="padding:0px; margin:0px;"><a href="#" class="text-center" style="padding:0px; margin:0px;">@Html.DisplayFor(modelItem => item.ItemName)</a></h2>

</div>

</div>

</div>

</td>

</tr>

}

 

 

output   => but i required row wise result in each row 3 image set.. then in next line

 

PLASMA 60

PLASMA 90

PLASMA 100

PLASMA 120