Twitter bootstrap Bootstrap mega菜单固定高度的多行

我想在bootstrap中创建一个megamenu

（类似于jsfiddle.net/apougher/ydcMQ/）。但是这些项目不是预先定义的。。。它们本质上是动态的。所以我不能用一些固定的项目。因此，我正在寻找一些动态方法，其中在单个

元素下定义多个

项，并且需要固定高度。一旦高度超过限制，下一个

元素应出现在下一列中，依此类推。。。这能做到吗

---

编辑：基本上我在寻找一种高度固定、每列宽度固定的方法。如果行数超过固定高度，则应自动进入下一列。例如：如果高度为400px，仅允许10行（仅举一个例子）。如果我写25行。。。它应该自动跨越3列，第一列有1-10行，第二列有11-20行，第三列有21-25行。

您可以使用这些函数中的任何一个动态地将

附加到列表中

-将li插入ul作为第一个孩子

或者-它插入一个li作为最后一个子元素

var new_task = "Your text here";

你可以用任何一种

$('ul').append('<li>'+new_task+'</li>');

$（'ul'）。追加（'
'+new_task+'
'）；

或

$（'ul'）。追加（'
'+new_task+'
'）；

---

检查

我忘了发布我是如何解决这个问题的。将我采取的方法张贴在下面

我没有找到一个干净的方法来做这件事。这就是我所做的

我创建了一个带有固定with列的表（例如：25%）。 我正在统计添加的

元素的数量。 每当计数超过限制（例如：10）时，向表中再添加一列，并在其中添加，而不是在现有列中添加。 添加新列后，重置计数器，以便我可以在其中添加10个

元素。 有了以上内容，我可以在4列中添加多达40个

元素。就我而言，这个限制已经足够好了

我知道这是一种令人讨厌的方式。。。但我想不出更干净的方法

---

谢谢

您可以使用jquery添加这种级别的动态性，我将给您写一个例子。@mccainz:我正在考虑一种方法。我还没有想出一个更干净的方法来做这件事。所以我没有在这方面做太多尝试。如果你能告诉我一些方法，我可以试试…@DiegoLópez:谢谢。我期待着您的示例我正在寻找一种方法，使列表可以在允许的高度增加时自动跨入多列。我认为这种方法会不断增加高度，而不是让它们进入下一列，对吗？

$('ul').append('<li>'+new_task+'</li>');