輸入外地工作的小提琴罰款，但不是在瀏覽器

我有三個輸入fields.Its在jsfiddle工作的罰款形式，但如果我在任何瀏覽器中運行，然後輸入文本字段的一部分即將out.However如果我減少瀏覽器的大小，然後工作，我使用引導fine.As因此所有的領域必須在所有的屏幕尺寸相同的工作，它的移動或選項卡或computer.Please是否告訴我如何讓它正常運行在所有屏幕尺寸。輸入外地工作的小提琴罰款，但不是在瀏覽器

這是顯示移動文本字段走出DIV enter image description here 這是截圖顯示小尺寸

文本字段的正常功能，這是對輸入代碼的屏幕截圖田

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

來源

2013-10-29 SpringLearner

您使用跨類輸入字段善意使用輸入介質或輸入大或輸入XLARGE –

@SridharR感謝response.i併爲您said.If我使用的輸入大，那麼它在大銀幕作品，但如果我降低了瀏覽器的大小，然後輸入字段出來的div。 – SpringLearner

這樣

–

嘗試這樣的事情， FIDDLE

<form class="form-horizontal"> 
     <div class="control-group"> 
      <label class="control-label" >Name</label> 
      <div class="controls"> 
       <input type="text" id="fields" class="span4" placeholder="Your full Name" name="username" required /> 
      </div> 
     </div> 
     <div class="control-group"> 
      <label class="control-label" >Email Address</label> 
      <div class="controls"> 
       <input type="email" id="fields1" class="span4" placeholder="Your email address" name="email" required /> 
      </div> 
     </div> 
     <div class="control-group"> 
      <label class="control-label" >Mobile</label> 
      <div class="controls"> 
       <input type="tel" id="fields2" class="span4" placeholder="+756762462182" name="mobile" maxLength="13" required /> 
      </div> 
     </div> 
     <div class="control-group"> 
      <input type="button" id="btn1" class="btn btn-lg btn-primary" value="Add"> 
      <input type="button" id="btn2" class="btn btn-lg btn-primary" value="Group"> 
     </div> 
    </form>

來源

2013-10-29 05:37:06

由於工作，其工作 – SpringLearner

輸入外地工作的小提琴罰款，但不是在瀏覽器

回答

相關問題