Как создать отзывчивый DataList в C# и Bootstrap framework

---

Привет Друзья, я реализовал bootstrap 3 на своем сайте и пытаюсь реализовать Datalist, который должен быть отзывчивым. Проблема всегда показывает один столбец, как маленький экран, даже на моем рабочем столе. Вот почему я даже попытался удалить определение col-sm и col-xs, все еще получая только один столбец datalist.
Здесь управление Datalist является обязательным, поэтому, пожалуйста, не предлагайте Listview или другие элементы управления. Начальной загрузки В3.1.1. Спасибо всем заранее.

<asp:DataList ID="dlNew" runat="server" CellPadding="5" CellSpacing="5"  HorizontalAlign="Left" RepeatDirection="Horizontal" Height="200px" Caption="Fresh Arrivals" CaptionAlign="Left" EnableViewState="false" RepeatLayout="Flow">
                          <ItemTemplate>
                              <div class="row">
                                  <div class="col-lg-3 col-md-4">
                                      <div style="border: solid 1px #e8e6e6; text-align: center; height: 200px; width: 250px;">
                                          <asp:ImageButton ID="btnImg" runat="server" CommandName="ProductNew" ImageAlign="AbsMiddle" />
                                          <div style="background-color: #e4ddd3; height: 65px; Font-Size: 12px;">
                                              <asp:Label ID="lblT" runat="server"></asp:Label>
                                              <br />
                                              Code:
                                              <asp:Label ID="lblM" runat="server" CssClass="grid_model" Font-Size="12px"></asp:Label>
                                              <br />
                                              <asp:Label ID="lblP" runat="server" Font-Size="14px" Font-Bold="True" ForeColor="#333333"></asp:Label>
                                          </div>
                                      </div>
                          </ItemTemplate>
                      </asp:DataList>

---