按钮组问题

Question

我有一个使用Bootstrap 3的页面，如下所示：

<div class="btn-group">
    <a href="#"><button type="button" class="btn btn-default">Test</button></a>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
       Test <span class="caret"></span>
    </button>
</div>

JSFiddle

正如您所看到的，页面被搞砸了（按钮组分为两行）。但当我拿出按钮周围的链接时，它看起来很好。

Answer 1

尝试仅使用链接

<div class="btn-group">
    <a class="btn btn-default">Test</a>
    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        Test <span class="caret"></span>
    </a>
</div>

DEMO