Hola, estoy tratando de crear una lista de productos de la base de datos y mostrarla en la página web. Estoy tratando de mostrar 3 elementos en cada fila.

 <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>

Estoy usando la tarjeta de arranque para esto, pero los artículos no se alinean horizontalmente, cada artículo viene en una nueva fila. Y si pongo mi tarjeta bajo etiqueta, ya no muestra un comportamiento receptivo.