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输入组调整大小问题

回答

相关问题