如何讓我的引導列無限延伸（沒有高度限制）？

Question

我正在使用引導行/ col類。它看起來很好，當列有很少的內容：

...但如果他們有一點點更多的內容（如「交付性能」下面的截圖一樣），最後一個元素（「三月29，2016年至2016" 年4月5日）在第1欄包紮到第2欄應該是：

我想之間的一切‘都是我動態添加鏈接交付性能’（）下方維持「交付績效」h2，並且永遠不會移動到下一列。我需要做些什麼才能做到這一點？

下面是我在做什麼（這是相同的代碼 - 除了列名/類型的特定部分 - 對所有列）：

StringBuilder builder = new StringBuilder(); 
builder.Append("<div class=\"col-md-3\">"); // <= begin col div 
builder.Append("<h2>Delivery Performance</h2>"); 
builder.Append("<p></p>"); 

// Create links for each report 
foreach (String fileBaseName in _FileBaseNameList) 
{ 
    startDateYYYYMMDD = GetElement(3, fileBaseName); 
    endDateYYYYMMDD = GetElement(4, fileBaseName); 
    builder.Append("<p></p>"); 
    builder.Append(string.Format("<a 
     href=\"deliveryperformance/{0}/{1}/{2}\">{3}</a>", unit, 
     startDateYYYYMMDD, 
     endDateYYYYMMDD, fileBaseName));               
    builder.Append("</div>"); // <= end "col-md-3" div 
    builder.Append("<p></p>"); 
} 
return builder.ToString(); 

我需要另一個類添加到「列」 div設置高度爲max或gazillion，或者是什麼？

Answer 1

將您的for循環之外的關閉div移出。

StringBuilder builder = new StringBuilder(); 
builder.Append("<div class=\"col-md-3\">"); // <= begin col div 
builder.Append("<h2>Delivery Performance</h2>"); 
builder.Append("<p></p>"); 

// Create links for each report 
foreach (String fileBaseName in _FileBaseNameList) 
{ 
    startDateYYYYMMDD = GetElement(3, fileBaseName); 
    endDateYYYYMMDD = GetElement(4, fileBaseName); 
    builder.Append("<p></p>"); 
    builder.Append(string.Format("<a 
     href=\"deliveryperformance/{0}/{1}/{2}\">{3}</a>", unit, 
     startDateYYYYMMDD, 
     endDateYYYYMMDD, fileBaseName));               
    builder.Append("<p></p>"); 
} 
builder.Append("</div>"); // <= end "col-md-3" div 
return builder.ToString(); 

如果空的段落標記是爲了造型，我會建議使用CSS來爲您的元素間距添加填充或邊距。雖然如果您將列出多個報告，那麼無序列表在這裏會很棒。