我有一个包含三个输入字段的表单。它在jsfiddle中运行良好,但如果我在任何浏览器中运行,则输入文本字段的一部分会出现。但是,如果我减小浏览器大小,那么工作正常。因为我正在使用引导程序所以无论是手机、标签还是计算机,所有字段在所有屏幕尺寸下都必须相同。请告诉我如何使其在所有屏幕尺寸下都能正常工作。
这是显示来自 div 的移动文本字段的
屏幕截图 这是显示小尺寸文本字段的正确功能的屏幕截图
这是输入字段的代码
<div class="tab-pane" id="tab2">
<form class="well span9" action="insertNew" method="post">
<table border="1" id="mytable"/>
<tr>
<th>Add</th>
<th>Username</th>
<th>EmailId</th>
<th>Mobile No</th>
</tr>
</table>
<div class="row">
<div class="span3">
<label>Name</label>
<input type="text" id="fields" class="span4" placeholder="Your full Name" name="username" required>
</div>
<div class="span3">
<label>Email Address</label>
<input type="email" id="fields1" class="span4" placeholder="Your email address" name="email" required>
</div>
<div class="span3">
<label>Mobile</label>
<input type="tel" id="fields2" class="span4" placeholder="+756762462182" name="mobile" maxLength="13" required >
</div>
</div>
<input type="button" id="btn1" class="btn btn-lg btn-primary" value="Add">
</form>
<div class="well span9"> <input type="button" id="btn2" class="btn btn-lg btn-primary" value="Group">
</div>
</div>