By default, the
DataList[
^] renders its items in a
<table>
, which breaks your responsive design.
You can change the
RepeatLayout
property to
Flow
, which removes the
<table>
, but it will then render line breaks between groups of items.
You'd probably have better luck using a
ListView[
^] instead.
<asp;ListView ID="dlCustom" runat="server">
<layoutTemplate>
<div class="row">
<asp:placeholder ID="itemPlaceholder" runat="server"/>
</div>
</layoutTemplate>
<itemTemplate>
<div class="col-md-4 col-lg-3">
...
</div>
</itemTemplate>
</asp:ListView>