Bootstrap输入组调整大小问题

Question

我对前端开发很新，并试图弄清楚我的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>

Answer 1

我认为您的代码几乎是正确的。

我在这里实现了代码 - ＆gt; DEMO

html代码：

XMLParser

所以..我认为你的<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中添加的样式，因此可能是问题所在。