bootstrap- form-control overriding col-sm-3

Question

我正在bootstrap 3.3.6中创建一个登录页面。我已经为表单设置了col-sm-3但是输入有class =＆＃34; form-control＆＃34;覆盖此内容并以全屏显示。如果我删除了class =＆＃34; form-control＆＃34;从输入然后它工作正常。为什么是这样？我该如何解决这个问题？

＆＃13;

＆＃13;

255 250 250             snow

＆＃13;

＆＃13;

＆＃13;

Answer 1

我使用class =＆＃34; input-group＆＃34;解决了这个问题。我仍然没有理由。

<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>

Answer 2

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

mysqli_set_charset()