在Bootstrap的导航栏表单中放置一个复选框

Question

我不知道这是一个错误还是我错过了一些东西。

请查看https://jsfiddle.net/8ypj0x5b/8/（展开视图区域，以便菜单不会折叠）

<div class="navbar-form navbar-left">
  <!-- This dummy div is necessary for the checkbox to show up correctly -->
  <div class="form-group">
    <input type="text" class="unv form-control"/>
  </div>

  <!-- Loses vertical alignment w/o the preceding form-group -->
  <div class="checkbox">
    <label>
      <input type="checkbox"> Test1
    </label>
  </div>
</div>

这是我发现在导航栏窗体中放置单个（!!）复选框的唯一解决方法。如果您使用不可见输入删除form-group，则复选框会立即失去垂直对齐。有没有其他方法可以做到这一点？