StringBuilder的Bootstrap布局问题

我仍然在学习Bootstrap，我正在使用StringBuilder生成由VB.NET页面生成的布局。我得到的出现在画面中搞砸布局：StringBuilder的Bootstrap布局问题

Layout issue

它让页面的其他部分差。 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是直的引导代码。有没有人有一个线索，为什么发生这种情况，我应该如何解决它？谢谢！

来源

2013-12-19 Michael Mahony

我最终得出的结论是，Bootstrap本身没有办法处理这个问题，所以我采取了一些JavaScript来帮助解决这个问题。下面是我使用的代码：

<script> 
     function equalHeight(group) { 
      tallest = 0; 
      group.each(function() { 
       thisHeight = $(this).height(); 
       if (thisHeight > tallest) { 
        tallest = thisHeight; 
       } 
      }); 
      group.each(function() { $(this).height(tallest); }); 
     } 
     jQuery(document).ready(function() { 
      App.init(); 
      equalHeight($(".img-thumbnail")); 
     }); 
    </script>

这种经历和最大所有类IMG缩略图的DIV的最大高度是一样的页面上最高DIV。

来源

2013-12-20 18:30:33

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

来源

2013-12-19 20:29:30 GSaunders

不幸的是，这并没有解决问题。 –

你是通过bootstrap网站或通过bootstrap下载的文件附加的吗？ – GSaunders

我通过Bootstrap下载。在您的建议后，我继续前进，并获得另一个下载并替换文件。根本没有改变。我现在想知道是否有什么东西在我的HTML中搞砸了，所以我要通过验证器来运行它。 –

我知道这个问题是旧的，但会来我尝试像之前的那些：

htmlStr.Append("<li class='list-group-item'>"+ detail.Key + ": " + detail.Value + "</li>"); 

class=' ' and not class=" "

为我工作。

来源

2015-05-30 23:49:32 lufasoch

StringBuilder的Bootstrap布局问题

回答

相关问题