Css 从按钮创建多列下拉菜单

我试图从一个按钮中创建一个多列（特别是两列）下拉菜单
我试过使用这个工具，但它只修复了一些.btn到.btn.btn-default的东西，这很好。 代码最初是在bootstrap 2.3.2中编写的，下面是它通常的样子：



在bootstrap3下，它看起来是这样的：



以下是我的代码：

<div class="btn-group">
<a class="btn btn-lg btn-success dropdown-toggle" data-toggle="dropdown" href="#">   Download
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<div class="btn-group btn-group-vertical">
<a class="btn btn-success" href="#">Windows 32-bit</a>
<a class="btn btn-default" href="#">Windows 64-bit</a>
</div>
<div class="btn-group btn-group-vertical">
<a class="btn btn-default" href="#">Linux 32-bit</a>
<a class="btn btn-default" href="#">Linux 64-bit</a>
</div>
</ul>
</div>

在发布之前，我还查看了这里的其他帖子，但没有一篇按照我的要求工作，或者根本不工作。

这将使它正确浮动

.dropdown-menu {
  min-width: 260px;
  }

.btn-group-vertical {
    float: left;
    width: 46%;
    margin-right: 10px;
}