Twitter bootstrap 表单大小不正确（引导）

不知道为什么我的表格看起来不正确。以下是我的导航栏的代码：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header col-lg-12">
          <a class="navbar-brand" href="#">Behind the Wheel</a>
          <a class="navbar-brand" href="#">Traffic School</a>
          <a class="navbar-brand" href="#">FAQ</a>
          <div class="dropdown navbar-brand navbar-right col-md-2">
              <span class="glyphicon glyphicon-user dropdown-toggle"datatoggle="dropdown"></span>
           <form class="form-horizontal dropdown-menu" role="form">       
            <div class="form-group has-feedback" role="form">
                <label for="emailInput" class="control-label">Email</label>
                <input type="email" class="form-control" placeholder="Email">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                  <label for="passwordInput" class="control-label">Password</label>
                  <input type="password" class="form-control" placeholder="Password">
                  <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
           </form>
        </div>
        </div>

      </div>

    </nav>

电子邮件
密码

---

下面是一张当我点击用户图标激活下拉列表时发生的情况的图片，显示了我的表单是多么糟糕：

这里有一个例子说明了如何做到这一点

以默认的导航结构->作为基础。就表单而言，我不认为有一种内置的方式可以将表单放置在

下拉菜单中，因此您很可能需要应用一些CSS，以便正确显示表单


.dropdown-menu.dropdown-form{
填充：10px 25px；
背景：#222；
}
.dropdown-menu.dropdown-form标签{
颜色：白色；
}
@介质（最小宽度：768px）{
.dropdown-menu.dropdown-form{
最小宽度：250px；
}
}

切换导航









电子邮件
密码



伙计们，我想出来了！对于另一个样式表中的所有表单元素，填充被设置为-15px。我进入了StyleSheet，将填充改为15px，而不是-15px
 注意：
datatoggle
不正确，它是
data toggle
，但我认为这是一个复制粘贴错误。是的，它是一个复制粘贴错误。大卫，我该怎么离开，请你回答。我看不到你答案左边有任何记号。