Bootstrap輸入組調整大小問題

我對前端開發非常陌生，並試圖找出我的引導程序輸入組在測試移動設備時所執行的操作。任何幫助/建議，將不勝感激。Bootstrap輸入組調整大小問題

這裏是我使用這個HTML。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="col-md-10 col-md-offset-1"> 
 
    <form id="Form_UniversitySearch"> 
 
    <div class="input-group"> 
 
     <input id="query" name="query" class="form-control input-lg" type="text" placeholder="Search..." style="height: 46px;"> 
 
     <div class="input-group-btn"> 
 
     <a href="#" class="btn btn-primary btn-lg">Search for University</a> 
 
     </div> 
 
    </div> 
 
    </form> 
 
</div>

來源

2015-09-28 Ryan Forrester

你應該包括你正在申請的CSS，因爲它似乎沒有用你發佈的代碼來做這件事。 – vanburen

我會記住下次 - 謝謝 –

我覺得你的代碼幾乎是正確的。

我已經在這裏實現的代碼 - >DEMO

的html代碼：

<div class="container wrap"> 

    <div class="row"> 
     <div class="col-md-10 col-md-offset-1">    
      <form id="Form_UniversitySearch"> 
       <div class="input-group"> 
        <input id="query" name="query" class="form-control input-lg" type="text" placeholder="Search..."> 
         <div class="input-group-btn"> 
          <a href="#" class="btn personal-button btn-primary btn-lg">Search for University</a> 
         </div> 
         </div> 
        </form> 
     </div> 
    </div> 

</div>

所以..我想應該是錯的東西在你的代碼css。

我希望它是有幫助的。

注意：我刪除了在輸入style="height: 46px;"中添加的樣式，因此可能是問題所在。

來源

2015-09-28 14:14:30 gon250

Bootstrap輸入組調整大小問題

回答

相關問題