![](/img/trans.png)
[英]Bootstrap 3 form-control class on text input with custom padding hides text in IE and FF
[英]Bootstrap input text in form-control is taking some unwanted margins
我想使用引導程序創建一個表單。 嘗試創建時,它在輸入的右側提供了多余的邊距。 我試圖檢查瀏覽器控制台中的邊距。 這可能是一件小事,但無法弄清楚。 我還附上了屏幕截圖。
<div class="col-lg-8 col-md-8 col-sm-12">
<div class="panel panel-default">
<div class="panel-body">
<div id="tenantForm" class="container">
<center> <h4>Login Form</h4></center>
<hr />
<form>
<div class="form-group">
<label for="email">Email address:</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd">
</div>
<div class="checkbox">
<label><input type="checkbox"> Remember me</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</div>
</div>
<div>
從<div id="tenantForm" class="container">
刪除類container
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <div class="col-lg-8 col-md-8 col-sm-12"> <div class="panel panel-default"> <div class="panel-body"> <div id="tenantForm"> <center> <h4>Login Form</h4> </center> <hr /> <form> <div class="form-group"> <label for="email">Email address:</label> <input type="email" class="form-control" id="email"> </div> <div class="form-group"> <label for="pwd">Password:</label> <input type="password" class="form-control" id="pwd"> </div> <div class="checkbox"> <label><input type="checkbox"> Remember me</label> </div> <button type="submit" class="btn btn-default">Submit</button> </form> </div> </div> </div> </div>
只需從<div id="tenantForm" class="container">
刪除class="container"
,即可在此處進行實時演示
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.