Twitter bootstrap 引导-表单控件覆盖col-sm-3

我正在bootstrap 3.3.6中创建一个登录页面。我已经为表单设置了col-sm-3，但是具有class=“form control”的输入会覆盖该页面，并以全屏显示。如果我从输入中删除class=“form control”，那么它可以正常工作。为什么会这样？我该如何解决这个问题

独自创立
电子邮件
密码
登录

我使用class=“input group”解决了这个问题。我还是不明白原因

<form closs="col-sm-3">

<div class="form-group">
<label for="email">Email </label> 
<div class="input-group">
<input type="email"  placeholder="Enter email" class="form-control">        </input>
</div>
</div>

<div class="form-group">
<label for="password">Password </label> 
<div class="input-group">
<input type="email"  placeholder="Enter email" class="form-control">    </input>
</div>

</div>


<button class="btn btn-primary">Login</button>
</form>

电子邮件
密码
登录

我使用这个演示解决了这个问题，并添加了CSS和JS

电子邮件
密码
记得我吗
登录