2
Answers

4 Images per row: MVC HTML

David Smith

David Smith

6y
1.2k
1

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)