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>

ありがとうございました。あなたの<div class="dropdown">と2入力要素に

Answer 1

追加display: inline-block;