Hi I am trying to create a list of products from database and show it on the webpage. I am trying to show 3 items in every row.
<asp:ListView ID="ListView_Products" runat="server"
DataKeyNames="id"
GroupItemCount="3">
<GroupTemplate>
<tr id="itemPlaceholderContainer" runat="server">
<td id="itemPlaceholder" runat="server"></td>
</tr>
</GroupTemplate>
<ItemTemplate>
<div class="col-sm-4">
<div class="card">
<asp:Image ID="Image1" class="card-img img-fluid" runat="server" Height="200" Width="400" ImageUrl='<%#Eval("pic1") %>' />
<div class="card-body">
<a href="#" class="btn btn-primary stretched-link">View/Update</a>
</div>
</div>
</div>
</ItemTemplate>
<LayoutTemplate>
<table runat="server" class="listview-host">
<tr runat="server">
<td runat="server">
<table id="groupPlaceholderContainer" runat="server">
<tr id="groupPlaceholder" runat="server"></tr>
</table>
</td>
</tr>
<tr runat="server">
<td runat="server"></td>
</tr>
</table>
</LayoutTemplate>
</asp:ListView>
I am using bootstrap Card for this, but Items are not aligning horizontally, each item is coming n a new row. And If I put my card under tag then it does not show Responsive behaviour anymore.