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

Question

这就是我现在所拥有的，我尝试多种方法，包括从但他们都没有为我工作。

我有什么：

我想要什么：

我的代码：

<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"> 
 
     \t <div class="dropdown"> 
 
\t \t \t \t <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Designer 
 
\t \t \t \t <span class="glyphicon glyphicon-triangle-bottom"></span></button> 
 
\t \t \t \t <ul class="dropdown-menu scrollable-menu" role="menu"> 
 
\t \t \t \t \t <li><a href="#">Action</a></li> 
 
\t \t \t \t \t <li><a href="#">Another action</a></li> 
 
\t \t \t \t \t <li><a href="#">Something else here</a></li> 
 
\t \t \t \t \t <li><a href="#">Action</a></li> 
 
\t \t \t \t \t <li><a href="#">Action</a></li> 
 
\t \t \t \t \t <li><a href="#">Another action</a></li> 
 
     \t \t </ul> 
 
\t \t \t </div> 
 
     </div> 
 
     <div class = "row col-sm-6 col-md-6"> 
 
\t \t \t <input type="text" class="form-control form_after input-lg" id="form1" placeholder="email"/> 
 
\t \t \t <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 input元素