У меня есть страница, которая использует 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>
Как вы можете видеть, страница завинчена (группа кнопок находится на двух строках). Но когда я снимаю ссылку вокруг кнопки, все выглядит отлично.
Попробуйте использовать только ссылки
<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>