html - 按钮组问题

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