我在bootstrap中创建登录表单。我认为html和css中的代码是可以的。唯一的问题是,尽管我已经介绍了引导程序的行和列以使其具有响应性,但此表单无法响应。bootstrap表单不响应
代码:
.contain {
border: 1px solid;
border-color: #e6e6e6;
background-color: #f2f2f2;
height: 1000px;
margin-left: 100px;
border-radius: none;
width: 1050px;
}
<!DOCTYPE HTML>
<html>
<head>
<div class=" contain">
<div class="panel panel-default">
<div class="panel-body panelo">
<div class="client"><b>SEI GIÀ CLIENTE? ACCEDI </b>
</div>
<form>
<div class="row">
<div class="col-md-3 col-sm-3"></div>
<div class="col-md-6 col-sm-6 labelField">
<div class="row">
<div class="col-md-4 col-sm-4 labelField">
<strong><br>EMAIL</strong>
</div>
<div class="col-md-8 col-sm-8">
<input class="ut" type="mail">
</div>
</div>
</div>
<div class="col-md-3 col-sm-3"></div>
</div>
<div class="row">
<div class="col-md-3 col-sm-3"></div>
<div class="col-md-6 col-sm-6 labelField">
<div class="row">
<div class="col-md-4 col-sm-4 labelField">
<strong><br>PASSWORD</strong>
</div>
<div class="col-md-8 col-sm-8">
<input class="ut" type="mail">
</div>
</div>
</div>
<div class="col-md-3 col-sm-3"></div>
</div>
</form>
<div class="row">
<div class="col-md-12 col-sm-12 pass "><a href="#"> Hai dimenticato la password?</a>
</div>
</div>
<img src="images/entra.png" class=" registrati img-responsive">
<img src="images/fb.png" class="registrati img-responsive">
<div class="divider">
</div>
<div class="client"><b>NON ANCORA CLIENTE? </b>
</div>
<div class="benvenuto "><b> BENVENUTO! </b>
<a href="registration.html">
<img class="add1" src="images/Capture.png" class="img-responsive"><span class="creare"> Crea il tuo account su motogm e prosegue con il tuo ordine</span>
</a>
</div>
</div>
</div>
</div>
有什么我应该改变,使这个回应? 谢谢!
...一** **最小的演示将是首选。 –
检查您的拼写。你有class =“contains”,它应该是class =“container” – nmg49
@ nmg49,如果这是问题的原因,那么这个问题是用户方面的一个简单的印刷错误,应该关闭。 – Martin