html - 将2个输入字段与下拉 bootstrap 对齐

这就是我现在所拥有的，我尝试了多种方法，包括但不存在对我有用的方法。

我有的：


我想要的是：


我的代码：

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<fieldset class="inline-fields">
    <div class = "row col-sm-12">
        <div class = "row col-sm-6 col-md-6">
        	<div class="dropdown">
				<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Designer
				<span class="glyphicon glyphicon-triangle-bottom"></span></button>
				<ul class="dropdown-menu scrollable-menu" role="menu">
					<li><a href="#">Action</a></li>
					<li><a href="#">Another action</a></li>
					<li><a href="#">Something else here</a></li>
					<li><a href="#">Action</a></li>
					<li><a href="#">Action</a></li>
					<li><a href="#">Another action</a></li>
        		</ul>
			</div>
        </div>
        <div class = "row col-sm-6 col-md-6">
			<input type="text" class="form-control form_after input-lg" id="form1" placeholder="email"/>
			<input type="text" class="form-control form_after input-lg" id="form2" placeholder="referal"/>
            <br/>
        </div>
    </div>
</fieldset>

谢谢。

最佳答案

将display: inline-block;添加到<div class="dropdown">和2个输入元素

关于html - 将2个输入字段与下拉 bootstrap 对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38787092/