将2输入字段与下拉引导程序对齐

Question

这就是我现在所拥有的，我尝试了多种方法，包括但从来没有一种适用于我。

我拥有的：

我想要的：

我的代码：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

谢谢。

Answer 1

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