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佈局問題

回答

相關問題