【发布时间】：2019-12-04 12:58:30
【问题描述】：
我正在尝试在同一行上获取此 button 标记并连接到我的输入字段。对于输入字段，我使用了一个名为 select2 的库。它建立在已经使用的选择标签之上。我在<span> 标签中有按钮，但是，它仍然不能将按钮应用到同一行。不知道我哪里出错了，但我似乎无法找到解决方案。
HTML：
<div class="col-md-9 right-pane">
<form>
<div class="row">
<div class="col col-md-12 text-left">
<h4>General Information</h4>
</div>
<div class="col col-lg-9 search-bar">
<div class="form-group tt">
<label>Tier:</label>
<select class="js-example-basic-single" name="state" id="mySelect2">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
<option value="FL">Florida</option>
<option value="CA">California</option>
<option value="NJ">New Jersey</option>
<option value="NY">New York</option>
</select>
<span><button class="btn btn-primary">Search</button></span>
</div>
</div>
<div class="col col-lg-9 search-bar">
<div class="form-group">
<label>Type:</label>
<select class="js-example-basic-single" name="state">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
<option value="FL">Florida</option>
<option value="CA">California</option>
<option value="NJ">New Jersey</option>
<option value="NY">New York</option>
</select>
<span><button class="btn btn-primary">Search</button></span>
</div>
</div>
<div class="col col-lg-9 search-bar">
<div class="form-group">
<label>Selector Name:</label>
<input class="form-control form-control-sm" type="text">
</div>
</div>
<div class="col col-lg-9 search-bar">
<div class="form-group">
<label>Computer Path:</label>
<select class="js-example-basic-single" name="state">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
<option value="FL">Florida</option>
<option value="CA">California</option>
<option value="NJ">New Jersey</option>
<option value="NY">New York</option>
</select>
<span><button class="btn btn-primary">Search</button></span>
</div>
</div>
</div>
<div class="row">
<div class="col col-md-9">
<h6>Selection Rule Preview</h6>
<span class="label">Taddm Query</span>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3">Random Textarea</textarea>
<br>
</div>
</div>
</div>
</form>
【问题讨论】：
-
如果问题与此相关，通常最好也添加 css ;-)
-
@LelioFaieta 是的，我打算包含它，但我意识到我没有与该问题相关的 css 代码。到目前为止，我都是通过 html 代码完成的。
-
您在什么分辨率下遇到此问题？在 992px 及以上我相信你的代码似乎很好
标签： javascript html css twitter-bootstrap jquery-select2