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

Question

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

我有:

我想要的:

我的代码:

<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>

谢谢。

Answer 1

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