从按钮创建多列下拉菜单

Question

我正在尝试从按钮创建一个多列（特别是2列）下拉菜单。
我已经尝试使用Upgrade Bootstrap 2 HTML to Bootstrap 3工具了，除了一些.btn到.btn.btn-default之外，它没有修复任何东西，这很好。 代码最初是用bootstrap 2.3.2编写的，这里通常是这样的：



在bootstrap 3下，它看起来像这样：



这是我的代码：

<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>

我在发布之前还检查了其他帖子，但是没有一个是因为我希望它能够工作，或者根本不工作。

Answer 1

这将使其正确浮动

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

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

DEMO