从按钮制作多列下拉菜单

Question

我正在尝试从一个按钮创建一个多列（特别是 2 列）下拉菜单。
我试过使用Upgrade Bootstrap 2 HTML to Bootstrap 3 工具，除了一些 .btn 到 .btn.btn-default 的东西，它什么也不能修复，这很好。 代码最初是用 bootstrap 2.3.2 编写的，正常情况如下：



在引导程序 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