Twitter bootstrap 对齐包含在两列中的不同长度的div

我目前正在为一家餐厅制作一份菜单，使用HTML和CSS以及引导响应式布局

12
13
.....
15
16

这是代码，但由于某些原因它没有格式化，我会很快将其分解。菜单中有两列，左侧编号为12-14，右侧编号为15和16。这是一个响应性很强的布局，所以当手机给我一个12-16的列表时，左栏将堆叠在右上方。我对每个菜单项都使用div，但是有些有5行描述，有些有2行描述。我希望每个div之间的间距保持一致，并且#的12和15对齐，13和16对齐。我目前的尝试是为div元素设置长度，但这看起来有点尴尬。有什么建议吗

---

这就是你要找的吗

jsFiddle： 请注意，我添加了

.row fluid

，并将

.container fluid

类添加到一些

元素中，以使跨距正常工作。我还修改了您在CSS中为

菜单项设置的
高度
和
最小高度

这就是我所理解的，你正试图解决你的问题，让我知道这是否适合你
 您没有在嵌套在
span12
中的
span6
上使用
.row fluid
类。。。我正在玩小提琴，稍后会更新。我测试了代码，但变化不大，请查看我的图像更新，让我知道这是否是您试图解决的问题。嗯，我试图解决我理解的您的问题。。。我想如果你添加一个你想要完成的可视化表示，我可以与你在同一页上帮助你解决它。除非你a）使用a
而不是divs b）为你知道的大于任何描述的所有div设置相等的高度，否则你将无法使它们与另一列上的一个对齐或c）使用手动方式将其全部定位margin@koala_dev所以，要把它转换成一个表，我必须为每个数字使用一个表，每个表包含2个元素，一个用于标题，另一个用于描述？我如何确保它们都排列整齐且间距相等，这基本上会导致我遇到与div相同的问题？我将
.well
类添加到每个
中只是为了说明，以便您可以看到事物是如何相应地堆叠和排列的。
  <div class=span12 block> 
   <div class="span6 menu-column">
       <div class="menu-item">12.   </div>
       <div class="menu-item">13.   </div>
          .....
    </div>
    <div class="span6 menu-column">
       <div class="menu-item">15.   </div>
       <div class="menu-item">16.   </div>
    </div>
 </div>