對齊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元素