asp.net - 从 Repeater Control 生成的 Div 没有正确的 CSS 样式

Question

我正在通过 Repeater Control 生成 div 元素。生成了 DIV 元素，但其 CSS 格式不正确。

这是我的 HTML 代码:

<asp:Repeater ID="rptr" runat="server">
        <ItemTemplate>
            <div class="col-lg-4 col-md-4 col-sm-4 mb">
                <a href="VendorProfile.aspx">
                    <div class="twitter-panel pn">
                        <i class="fa fa-twitter fa-4x"></i>
                        <%# DataBinder.Eval(Container.DataItem, "Name") %>
                    </div>
                </a>
        </ItemTemplate>

    </asp:Repeater>

CSS:

.col-lg-4 {
    width: 33.33333333%;
  }

.col-md-4 {
    width: 33.33333333%;
  }
.col-sm-4 {
    width: 33.33333333%;
  }

.mb {
    margin-bottom: 25px;
}

.twitter-panel {
    background: #4fc1e9;
    text-align: center;
}

.pn {
    height: 250px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-4x {
  font-size: 4em;
}

我认为我应该使用 float 样式，但我不确定。这也只是示例，在我的元素中，我将在背景中放置图像。所以可能没有图标(因为这里是twitter的标志)。

如果是这种情况，我是否应该只为此目的制作任何自定义 css 样式？

这是我的 C# 代码:

public partial class PastOrders : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Session["vendor"] != null)
        {
            if (!IsPostBack)
            {
                ArrayList values = new ArrayList();

                values.Add(new Testing
                {
                    Name = "Caterer"
                });

                values.Add(new Testing
                {
                    Name = "Florist"
                });

                values.Add(new Testing
                {
                    Name = "Cab Services"
                });

                rptr.DataSource = values;
                rptr.DataBind();
            }
        }
        else
        {
            Response.Redirect("VendorLogin.aspx");
        }
    }



    public class Testing
    {
        public string Name { get; set; }
    }

}

Answer 1

我认为您缺少结束语 </div> <div class="col-lg-4 col-md-4 col-sm-4 mb"> 的标签

认为应该可以解决问题!