David Smith

David Smith

  • NA
  • 2k
  • 0

4 Images per row: MVC HTML

Jun 22 2018 3:10 PM

Can someone show me how to get the images to load 4 in column . I want 4 images per row row


<div class="form-border">
    <table class="table">
        <ul class="thumbnails">
            @foreach (var photo in Model)
            {
                <li class="item">
                    @*<select asp-for="@photo.Breed" asp-items="@photo.PetList.ToSelectListItem()" class="form-control"></select>*@
                    <a href="@Url.Content(photo.Resource)">
                        <img alt="@photo.Breed" src="@Url.Content(photo.Resource)" class="thumbnail-border" width="180"/>
                    </a>
                    <span class="image-overlay">@photo.Breed</span>
                </li>
            }
        </ul>
    </table>
</div>


pasting

Answers (2)