我想创建一个带有按钮的搜索框,就像这样：
<form action="/hms/accommodations" method="GET">
<div class="input-group pull-right">
<input type="text" class="form-control" placeholder="Search" id="txtSearch"/>
<div class="input-group-btn pull-right">
<button class="btn btn-primary" type="submit">
<span class="glyphicon glyphicon-search"></span>
</button>
</div>
</div>
</form>
当我试图运行它时,它是这样的：
为什么这样的对齐？我希望有一个人可以帮助我.谢谢.
解决方法
从< div class =“input-group-btn pull-right”>中删除右拉类
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<form action="/hms/accommodations" method="GET">
<div class="row">
<div class="col-xs-6 col-md-4">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" id="txtSearch"/>
<div class="input-group-btn">
<button class="btn btn-primary" type="submit">
<span class="glyphicon glyphicon-search"></span>
</button>
</div>
</div>
</div>
</div>
</form>