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