其他内联文本输入字段中的Bootstrap下拉菜单

Question

我的问题是我无法在下拉字段的正下方显示下拉菜单。下拉值显示在该列的最左侧。

<input type="text" id="names[]" name="names[]" placeholder="Name" required>

<div style="display:inline-block;">
 <button class="btn btn-default dropdown-toggle" type="button"  id="grade[]" name="grade[]" data-toggle="dropdown" aria-haspopup="true" aria  expanded="true">Grade
 <span class="caret"></span>
 </button>
 <ul class="dropdown-menu" aria-labelledby="grademenu">
  <li><a href="#">First</a></li>
  <li><a href="#">Second</a></li>
  <li><a href="#">Third</a></li>
 </ul>
</div>

<input type="text" id=“grade[]” name=“grade[]” placeholder="Name" required>