html - 来自 StringBuilder 的 Bootstrap 布局问题

Question

我仍在学习 Bootstrap，我正在研究由 VB.NET 页面使用 StringBuilder 生成的布局。如图所示，我得到了一个困惑的布局:

页面的其他部分会变得更糟。似乎 Bootstrap 不喜欢这些元素的大小不完全相同。

这是我的代码:

sb.Append("<div class=""row""><div class=""col-md-12""><img src=""http://placehold.it/1000x225"" /></div><!-- col-md-12--></div><!-- row -->")
sb.Append("<div class=""row thuumbnails"">")
If dr.HasRows Then
    Do While dr.Read
        sb.Append("<div class=""col-md-2"">")
        sb.Append("<div class=""img-thumbnail"">")
        sb.Append("<a href=""#"" class=""thumbnail""><img src=""http://placehold.it/100x100"" /></a><h4 class=""thumbnail caption"">" & dr.Item("PrdName") & "</h4>")
        sb.Append("<center>" & dr.Item("PrdCode") & "</center><br />")
        sb.Append("<center>Price: " & dr.Item("PrdPrice") & " MSRP: " & dr.Item("PrdMSRP") & "</center>")
        sb.Append("</div><!-- thumbnail --></div><!-- col-md-2 -->")

    Loop

    sb.Append("</div><!-- row -->")

Else
    ' No data returned so send a message to the front end
    sb.Append("<div class=""col-md-12""><div class=""warning"">There were no categories to display!</div><!-- col-md-12 --></div><!-- warning -->")
End If

所有 CSS 都是直接的 Bootstrap 代码。有谁知道为什么会发生这种情况以及我应该如何解决它？谢谢!

Answer 1

我以前也遇到过这个问题，尝试重新上传所有文件，JS、CSS、HTML 等。另外，确保它托管在服务器上，这似乎可以使我的 Bootstrap 功能更好。