在此表單中，內容不會在手機屏幕中全屏顯示，而是在計算機和 Tab 屏幕中正常顯示。請建議解決。<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"><div class="row d-flex"> <div class="col-md-6 ftco-animate"> <div class="blog-entry align-self-stretch d-flex"> <div class="col-sm-12 col-md-12 col-lg-12 text p-4 d-block"> <h3 class="heading mt-3"><strong>Login to the Website.</strong></h3> <form id="logging" name="logging" method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <div class="form-group"> <label> Email </label><span class="required text-danger"> *</span> <input type="email" id="email" name="email" class="form-control" placeholder="Your Email"> </div> <div class="form-group"> <label> Password</label><span class="required text-danger"> *</span><input type="password" id="pw" name="pw" class="form-control" placeholder="Password"> </div> <div><small class="text-primary"><a href="contact.php" data-toggle="modal" data- target="#modalAppointment"><span>Forget Password...</span></a> </small></div> </br> <div class="form-group"> <input type="submit" name="LogIn" id="LogIn" value="LogIn" class="btn btn-primary py-3 px-5"> </div> </form> </div> </div> </div></div>
2 回答
婷婷同學_
TA貢獻1844條經驗 獲得超8個贊
在 .blog-entry .text 類中刪除寬度屬性。
在您的 style.css 文件中，.blog-entry .text 類位于第 1行。2764
.blog-entry .text {
position: relative;
border-top: 0;
border-radius: 2px;
/* width: 55%; */ --- /*remove this width */
}
慕森王
TA貢獻1777條經驗 獲得超3個贊
刪除寬度.blog-entry .text
.blog-entry .text {
position: relative;
border-top: 0;
border-radius: 2px;
width: 55%;/*Remove this Width*/
}
或者
刪除此類text
<div class="col-sm-12 col-md-12 text p-4 d-block">
至
<div class="col-sm-12 col-md-12 p-4 d-block">
- 2 回答
- 0 關注
- 129 瀏覽
添加回答
舉報
0/150
提交
取消