如何让我的引导列无限延伸（没有高度限制）？答案

【问题标题】：How can I get my bootstrap column to extend indefinitely (no height limit)?如何让我的引导列无限延伸（没有高度限制）？
【发布时间】：2016-04-06 02:44:28
【问题描述】：

我正在使用引导行/列类。当列的内容很少时看起来很好：

...但是如果他们有更多的内容（如“交付性能”在下面的屏幕截图中所做的那样），则第 1 列中的最后一个元素（“2016 年 3 月 29 日至 2016 年 4 月 5 日”）将结束第 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 中添加另一个类以将高度设置为最大值或亿万，还是什么？

【问题讨论】：

ist JavaScript new StringBuilder() ?

标签： c# html twitter-bootstrap

【解决方案1】：

将结束 div 移到 for 循环之外。

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 为元素添加填充或边距以代替间距。不过，如果您要列出多个报告，那么在这里使用无序列表会很棒。

【讨论】：