Css 使用引导从数据库检索图像时自动定位图像

我在图像元素中从数据库检索图像

问题是检索到的图像不是移动响应的，我想让这些检索到的图像移动响应。当用户在移动设备上打开网站时，图像必须位于彼此下方，并且显示得很好

我尝试使用引导，但当网站在移动设备上打开时，图像不会相互隐藏

这就是我所拥有的：

<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal">

    <ItemTemplate>
        <div class="col-xs-4 col-sm-4 col-md-4  " style="text-align: center;">
            <asp:Image ID="Image1" runat="server" Height="200px" Width="200px" ImageUrl='<%# "data:Image/png;base64," + Convert.ToBase64String((byte[])Eval("Logo")) %>' />
        </div>
    </ItemTemplate>

</asp:DataList>

---

请帮助我如何使检索到的所有图像具有响应性

首先，您不能在响应式设计中使用旧的ASP.NET控件，例如，Repeater、DataList、DataGrid、GridView、FormView，因为它们会自动创建表。试着用一个新的

接下来，尝试应用class=img响应图像，如中所述

此类主要应用样式“最大宽度”： 100%; 身高： 汽车以使其能够很好地缩放以适合包含的元素，否则，如果图像宽度大于父元素的宽度，则可能会溢出并破坏布局

---

另外，从图像中删除固定大小，并通过包含元素的%大小进行控制。RWD中没有固定的大小。

我使用了ListView。非常感谢。

SqlConnection con = new SqlConnection(
WebConfigurationManager.ConnectionStrings["MyDbConn"].ConnectionString);
con.Open();
SqlCommand command = new SqlCommand("Select * from [dbo].[tb_Stores]", con);

SqlDataAdapter adapter = new SqlDataAdapter(command); DataTable dtEmployees = new DataTable();
adapter.Fill(dtEmployees);

DataList1.DataSource = dtEmployees;

DataList1.DataBind();
con.Close();