C# 如何在内容占位符上显示彼此相邻的项目？

我想从数据库中检索项目，并在每一列的第三行中显示其on行。一张卡片上有on项目

这是我的主页：

" +
" " +
""       

问题是当我运行代码时，这些卡不会显示在一起，而是显示在彼此下面，

---

当检查时，我只发现内容占位符中的第一项，第二项不在里面。

您必须将列的类（class='col-md-4 pt-3'）放在每张卡上。

---

因此，将该类传递给动态html中的div。

尝试使用id=“s”（在index.aspx页面中）从div中删除class='col-md-4'，并将该类放置在每个卡的div中（在index.aspx.cs页面中）

尝试添加style=“display:block；“到外部div（id=“s”）。

---

和style=“显示：内联块；“给每一张牌。

它仍然在彼此的下面，我想成为彼此的旁边。我正在尝试这仍然是同一个问题

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
         <div class="row" >
             <div id="s" class='col-md-4 pt-3' runat="server">

                 </div>
             </div>
</asp:Content>

 con.Open();

        SqlCommand cm = new SqlCommand("select ID , title , sub_title , image from Articles", con);
        SqlDataReader dr = cm.ExecuteReader();

      while (dr.Read())
        {
            s.InnerHtml +=   
                "<div class='card'><img class='card-img-top' src=images/" + dr["image"] + " alt='Card image cap'>" +
                "<div class='card-body'>" +
                "<h5 class='card-title'>" + dr["title"] + "</h5>" +
                "<p class='card-text'>" + dr["sub_title"] + "</p><a href = 'Article.aspx?x=" + dr["ID"] + "class='btn btn-primary'>Read more</a></div>" +
                " </div>" +
                "</div>"